import { Accordion } from './Accordion';

const accordionItems = [
  {
    title: '¿Qué es este servicio?',
    content: (
      <p className="text-gray-600">
        Este es un servicio que permite gestionar y organizar información de manera eficiente.
      </p>
    ),
  },
  {
    title: '¿Cómo puedo empezar?',
    content: (
      <p className="text-gray-600">
        Puedes empezar creando una cuenta y siguiendo el proceso de registro.
      </p>
    ),
  },
  {
    title: '¿Hay algún costo?',
    content: (
      <p className="text-gray-600">
        El servicio tiene un plan gratuito y planes premium disponibles.
      </p>
    ),
  },
];

export default {
  title: 'Layout/Accordion',
  component: Accordion,
  tags: ['autodocs'],
};

export const Default = {
  args: {
    items: accordionItems,
  },
};

export const AllowMultiple = {
  args: {
    items: accordionItems,
    allowMultiple: true,
  },
};

export const DefaultOpen = {
  args: {
    items: accordionItems,
    defaultOpen: [0],
  },
};

