import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Header } from './header.js';
const meta = {
    title: 'Layout/Header',
    component: Header,
    parameters: {
        layout: 'padded',
    },
    tags: ['autodocs'],
};
export default meta;
export const Default = {
    args: {
        title: 'Dashboard',
    },
};
export const WithBreadcrumbs = {
    args: {
        title: 'Feature Details',
        breadcrumbs: (_jsxs("nav", { className: "text-muted-foreground text-sm", children: [_jsx("span", { children: "Home" }), " / ", _jsx("span", { children: "Features" }), " / ", _jsx("span", { children: "Feature Details" })] })),
    },
};
export const WithActions = {
    args: {
        title: 'Features',
        actions: (_jsx("button", { className: "bg-primary text-primary-foreground rounded-md px-4 py-2 text-sm", children: "New Feature" })),
    },
};
export const FullExample = {
    args: {
        title: 'Feature Details',
        breadcrumbs: (_jsxs("nav", { className: "text-muted-foreground text-sm", children: [_jsx("span", { children: "Home" }), " / ", _jsx("span", { children: "Features" }), " / ", _jsx("span", { children: "Auth Module" })] })),
        actions: (_jsxs("div", { className: "flex gap-2", children: [_jsx("button", { className: "rounded-md border px-4 py-2 text-sm", children: "Edit" }), _jsx("button", { className: "bg-primary text-primary-foreground rounded-md px-4 py-2 text-sm", children: "Deploy" })] })),
    },
};
