import { DoughnutChart, ChartContainer } from '@moul-dev/ui';

import { DoughnutChart, ChartContainer } from '@moul-dev/ui';

export default function Example() {
  const data = [
    { country: 'United States', value: 7530 },
    { country: 'Netherlands', value: 4670 },
    { country: 'Singapore', value: 1400 },
  ];

  return (
    <ChartContainer title="Request distribution">
      <DoughnutChart
        data={data}
        nameKey="country"
        valueKey="value"
        height={260}
      />
    </ChartContainer>
  );
}