import React, {ReactNode} from 'react';
import Chart from "react-apexcharts";


type DonutChartsProps = {
    labels: string[]
    series: number[]
}

const DonutChart = ({labels, series}: DonutChartsProps) => {

    return (
        <Chart
            options={{
                chart: {
                    id: 'bar-chart'
                },
                labels: labels
            }}

            series={
                series
            }
            type="radialBar" //bar is the same
            width="100%"
        />
    );
}

export default DonutChart;