32 lines
1.1 KiB
TypeScript
32 lines
1.1 KiB
TypeScript
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-gray-100 rounded w-full border border-gray-200 flex items-center px-3 text-gray-400">Email</div>
|
|
<div className="h-10 bg-gray-100 rounded w-full border border-gray-200 flex items-center px-3 text-gray-400">Password</div>
|
|
<div className="h-10 bg-primary rounded w-full flex items-center justify-center text-white">Sign In</div>
|
|
</div>
|
|
),
|
|
footerLinks: [
|
|
{ label: 'Forgot Password?', to: '/forgot-password' },
|
|
{ label: "Don't have an account? Sign up", to: '/register' }
|
|
]
|
|
},
|
|
};
|