import { DonutChart } from './DonutChart';

const sampleData = {
  series: [44, 55, 13, 43, 22],
  labels: ['Producto A', 'Producto B', 'Producto C', 'Producto D', 'Producto E'],
};

export default {
  title: 'DataDisplay/DonutChart',
  component: DonutChart,
  tags: ['autodocs'],
};

export const Default = {
  args: {
    series: sampleData.series,
    labels: sampleData.labels,
    title: 'Gráfico de Dona',
  },
};

export const LargeDonut = {
  args: {
    series: sampleData.series,
    labels: sampleData.labels,
    title: 'Dona Grande',
    donutSize: '80%',
  },
};

export const SmallDonut = {
  args: {
    series: sampleData.series,
    labels: sampleData.labels,
    title: 'Dona Pequeña',
    donutSize: '50%',
  },
};

export const CustomColors = {
  args: {
    series: sampleData.series,
    labels: sampleData.labels,
    title: 'Gráfico con Colores Personalizados',
    colors: ['#EF4444', '#10B981', '#F59E0B', '#8B5CF6', '#EC4899'],
  },
};

