import { Breadcrumbs } from './Breadcrumbs';

const breadcrumbItems = [
  { label: 'Inicio', href: '#' },
  { label: 'Productos', href: '#' },
  { label: 'Electrónica', href: '#' },
  { label: 'Smartphones' },
];

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

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

export const WithIconSeparator = {
  args: {
    items: breadcrumbItems,
    separator: 'icon',
  },
};

export const CustomSeparator = {
  args: {
    items: breadcrumbItems,
    separator: '>',
  },
};

export const Simple = {
  args: {
    items: [
      { label: 'Inicio', href: '#' },
      { label: 'Página actual' },
    ],
  },
};

