import type { Meta, StoryObj } from "@storybook/react";

import { Breadcrumbs as BreadcrumbsComponent } from "./index.js";

const meta = {
  component: BreadcrumbsComponent,
  argTypes: {
    label: {
      control: "text",
      table: {
        category: "Contents",
      },
    },
    items: {
      table: {
        disable: true,
      },
    },
  },
} satisfies Meta<typeof BreadcrumbsComponent>;
export default meta;

export const Breadcrumbs = {
  args: {
    label: "Breadcrumbs",
    items: [
      { href: "/", label: "Home" },
      { href: "/foo", label: "Foo" },
      { label: "Bar" },
    ],
  },
} satisfies StoryObj<typeof BreadcrumbsComponent>;