import type { Meta, StoryObj } from '@storybook/react';
import { Header } from './Header';

const meta = {
    title: 'Components/Layout/Header',
    component: Header,
    tags: ['autodocs'],
    decorators: [
        (Story) => (
            <div className="h-screen bg-kodo-void">
                <Story />
                <div className="pt-24 px-8 text-white">
                    <h1>Page Content</h1>
                </div>
            </div>
        ),
    ],
    parameters: {
        layout: 'fullscreen',
    },
} satisfies Meta<typeof Header>;

export default meta;
type Story = StoryObj<typeof meta>;

export const Default: Story = {};
