import { Meta, StoryObj } from '@storybook/react';
import DonutChart from '../../components/ApexCharts/DonutChart';
import NarrowContainer from "../../components/UI/Layout/NarrowContainer";


 /***
 * Donut Chart component
 * 
 * Apex Charts libary is used for all DUA charts
 * 
 * Apex Charts Documentation: https://apexcharts.com/docs/chart-types/pie-donut/
 */
const meta: Meta<typeof DonutChart> = {
    title:'Components/Charts/DonutChart',
    component: DonutChart,
    decorators: [
      (Story) => (
        <NarrowContainer>
            <Story/>
        </NarrowContainer>
      ),
    ]
  };


export default meta;
type Story = StoryObj<typeof DonutChart>;

export const DonutChartEx: Story = {
    args: { 
        labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May'],
        series: [10, 20, 30, 40, 50], 
    },
};