69e40e3c04
- auth: Replace gray-* with muted/border tokens, text-foreground - settings: TwoFactorSettings + NotificationSettings text-foreground - chat: ChatInput, ConversationItem, ChatPage — text-foreground, remove kodo references - player: PlayerExpanded, PlayerQueue, PlayerControls — text-foreground, remove cyan/magenta gradients - playlists: All components — text-foreground for badges/headings - tracks: TrackCard, TrackListRow — text-foreground, remove glow effects - studio: FileGridCard — text-foreground - library: LibraryPageGrid — remove hover-glow-cyan, shadow-card-glow-cyan - profile: UserProfilePageHeader — text-foreground Co-authored-by: Cursor <cursoragent@cursor.com>
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-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' }
|
|
]
|
|
},
|
|
};
|