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

const meta: Meta<typeof AuthLayout> = {
    title: 'Components/Features/Auth/AuthLayout',
    component: AuthLayout,
    parameters: {
        layout: 'fullscreen',
    },
    tags: ['autodocs'],
};

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

export const Default: Story = {
    args: {
        title: 'Welcome Back',
        subtitle: 'Please sign in to continue',
        children: (
            <div className="space-y-4">
                <div className="h-10 bg-muted rounded w-full border border-border flex items-center px-3 text-muted-foreground">Email</div>
                <div className="h-10 bg-muted rounded w-full border border-border flex items-center px-3 text-muted-foreground">Password</div>
                <div className="h-10 bg-primary rounded w-full flex items-center justify-center text-foreground">Sign In</div>
            </div>
        ),
        footerLinks: [
            { label: 'Forgot Password?', to: '/forgot-password' },
            { label: "Don't have an account? Sign up", to: '/register' }
        ]
    },
};