import type { Meta, StoryObj } from '@storybook/react-vite';

import { Breadcrumbs } from './Breadcrumbs';

const meta: Meta<typeof Breadcrumbs> = {
  title: 'UI kit/Breadcrumbs',
  component: Breadcrumbs,
  tags: ['autodocs'],
};

export default meta;
type Story = StoryObj<typeof Breadcrumbs>;

export const Default: Story = {
  args: {
    breadcrumbs: [{ url: '#' }, { title: 'Level 1' }, { title: 'Level 2', url: '#' }, { title: 'Level 3' }],
  },
  argTypes: {
    breadcrumbs: {
      description:
        'Defines the breadcrumbs structure. First item requires `url` and no `title`; others require `title`.',
      table: {
        type: {
          summary: 'BreadcrumbsType',
          detail: `interface BreadcrumbsType = [
  { url: string; title?: never },
  ...{ title: string; url?: string }[]
];`,
        },
      },
    },
  },
};