import { PieChart } from './PieChart';

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

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

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

export const Simple = {
  args: {
    series: [30, 40, 30],
    labels: ['A', 'B', 'C'],
    title: 'Distribución Simple',
  },
};

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

export const WithoutLegend = {
  args: {
    series: sampleData.series,
    labels: sampleData.labels,
    title: 'Sin Leyenda',
    showLegend: false,
  },
};

