veza/apps/web/src/components/layout/Header.stories.tsx

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

const meta = {
    title: 'App/Layouts/Header',
    component: Header,
    tags: ['autodocs'],
    decorators: [
        (Story) => (
            <div className="h-screen bg-background">
                <Story />
                <div className="pt-24 px-8 text-foreground">
                    <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 = {};