import { BarChart } from './BarChart';

const sampleSeries = [
  {
    name: 'Producto A',
    data: [44, 55, 41, 67, 22, 43],
  },
  {
    name: 'Producto B',
    data: [13, 23, 20, 8, 13, 27],
  },
];

const sampleCategories = ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun'];

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

export const Default = {
  args: {
    series: sampleSeries,
    categories: sampleCategories,
    title: 'Gráfico de Barras',
  },
};

export const Horizontal = {
  args: {
    series: sampleSeries,
    categories: sampleCategories,
    title: 'Gráfico de Barras Horizontal',
    horizontal: true,
  },
};

export const SingleSeries = {
  args: {
    series: [
      {
        name: 'Ventas',
        data: [400, 430, 448, 470, 540, 580],
      },
    ],
    categories: ['Lun', 'Mar', 'Mié', 'Jue', 'Vie', 'Sáb'],
    title: 'Ventas Semanales',
  },
};

export const CustomColors = {
  args: {
    series: sampleSeries,
    categories: sampleCategories,
    title: 'Gráfico con Colores Personalizados',
    colors: ['#EF4444', '#10B981'],
  },
};

