import React from "react"
import { Meta, StoryFn } from "@storybook/react-webpack5"
import { Breadcrumb, BreadcrumbProps } from "./Breadcrumb"
import { Icon } from "@foundations/Icons/Icons"

export default {
    title: "molecules/Breadcrumb",
    component: Breadcrumb,
    argTypes: {},
} as Meta

const data = [
    {
        title: (
            <a href="https://pacificdata.org">
                <Icon name="house-fill" className="me-2" />
                Pacific Data House
            </a>
        ),
    },
    {
        title: "First Floor",
        href: "#",
    },
    {
        title: "Library",
        href: "#",
    },
    {
        title: "Current Room",
    },
]

const Template: StoryFn<BreadcrumbProps> = (args) => {
    return <Breadcrumb {...args} />
}

export const _Breadcrumb = Template.bind({})
_Breadcrumb.args = {
    data,
}