import Chart from '@/components/chart/chart'
import useChart from '@/components/chart/useChart'

const series = [44, 55, 13, 43]
export default function ChartPie() {
  const chartOptions = useChart({
    labels: ['America', 'Asia', 'Europe', 'Africa'],
    legend: {
      horizontalAlign: 'center'
    },
    stroke: {
      show: false
    },
    dataLabels: {
      enabled: true,
      dropShadow: {
        enabled: false
      }
    },
    tooltip: {
      fillSeriesColor: false
    },
    plotOptions: {
      pie: {
        donut: {
          labels: {
            show: false
          }
        }
      }
    }
  })

  return <Chart type='pie' series={series} options={chartOptions} height={320} />
}
