/* eslint-disable react/destructuring-assignment */
import { PieChart, Pie } from 'recharts';

const SmallPieChart = (props: { data: { name: string; value: number }[] }): JSX.Element => (
	<PieChart height={400} width={400}>
		<Pie
			cx={200}
			cy={200}
			data={props.data}
			dataKey="value"
			endAngle={0}
			fill="#8884d8"
			label
			outerRadius={80}
			startAngle={180}
		/>
	</PieChart>
);

export default SmallPieChart;