import { Box } from '@mui/material';
import { colorPalette } from '@src/theme/hugo/colors';
import { type Meta, type StoryObj } from '@storybook/react-vite';

import DonutChart from '.';

const meta: Meta<typeof DonutChart> = {
  component: DonutChart,
  title: 'Design System/Charts/LineChart',
  tags: ['autodocs'],
  argTypes: {
    data: { control: false },
    options: { control: false },
    plugins: { control: false },
  },
};

export default meta;

type Story = StoryObj<typeof DonutChart>;

export const Default: Story = {
  args: {
    data: {
      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
      datasets: [
        {
          label: 'Example A',
          data: [15, 24, 36, 23, 55, 10, 40],
          backgroundColor: colorPalette.base.blueBrand[400],
          borderColor: colorPalette.base.blueBrand[400],
        },
      ],
    },
  },
  decorators: Story => (
    <Box width={500}>
      <Story />
    </Box>
  ),
};
