import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { PageHeader } from './page-header.js';
import { Button } from '../../ui/button.js';
const meta = {
    title: 'Composed/PageHeader',
    component: PageHeader,
    parameters: {
        layout: 'padded',
    },
    tags: ['autodocs'],
    argTypes: {
        title: {
            control: 'text',
        },
        description: {
            control: 'text',
        },
    },
};
export default meta;
export const Default = {
    args: {
        title: 'Dashboard',
    },
};
export const WithDescription = {
    args: {
        title: 'Projects',
        description: 'Manage and monitor all your active projects.',
    },
};
export const WithAction = {
    args: {
        title: 'Features',
        description: 'Track features through the development lifecycle.',
        children: _jsx(Button, { children: "Create Feature" }),
    },
};
export const FullExample = {
    args: {
        title: 'Settings',
        description: 'Configure your application preferences and integrations.',
        className: 'border-b pb-4',
        children: (_jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", children: "Cancel" }), _jsx(Button, { children: "Save Changes" })] })),
    },
};
