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


const meta = {
    title: "Example/Breadcrumbs",
    component: Breadcrumbs,
    parameters: {
        layout: "centered",
    },
    tags: ["autodocs"],
    argTypes: {
        color: {
            defaultValue: "primary",
        },
    },
} satisfies Meta<typeof Breadcrumbs>;

export default meta;

type Story = StoryObj<typeof meta>;

export const Default: Story = {
    args: {
        data: [{
            label: "Home",
            url: "/component/home",
        },
        {
            label: "dashboard",
            url: "/component/dashboard",
        },
        {
            label: "contacts",
            url: "/component/contacts",
        }],
        onClick: (data) => {
            console.log('emitted data ', data);
        }
    },
};

export const CustomSeparator: Story = {
    args: {
        separator: "-",
        data: [{
            label: "Home",
            url: "/component/home",
        },
        {
            label: "dashboard",
            url: "/component/dashboard",
        },
        {
            label: "contacts",
            url: "/component/contacts",
        }],
        onClick: (data) => {
            console.log('emitted data ', data);
        }
    },
};