76 lines
1.3 KiB
TypeScript
76 lines
1.3 KiB
TypeScript
/* eslint-disable storybook/no-renderer-packages */
|
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
import { ProfileCreated } from './ProfileCreated';
|
|
|
|
const meta = {
|
|
title: 'Widgets/ProfileCreated',
|
|
component: ProfileCreated,
|
|
parameters: {
|
|
layout: 'centered',
|
|
},
|
|
tags: ['autodocs'],
|
|
argTypes: {
|
|
email: {
|
|
control: 'text',
|
|
description: 'Email address to display',
|
|
},
|
|
},
|
|
} satisfies Meta<typeof ProfileCreated>;
|
|
|
|
export default meta;
|
|
type Story = StoryObj<typeof meta>;
|
|
|
|
/**
|
|
* Default state with a sample email
|
|
*/
|
|
export const Default: Story = {
|
|
args: {
|
|
email: 'logolgo@gmail.com',
|
|
},
|
|
};
|
|
|
|
/**
|
|
* Example with a different email
|
|
*/
|
|
export const AnotherEmail: Story = {
|
|
args: {
|
|
email: 'john.doe@example.com',
|
|
},
|
|
};
|
|
|
|
/**
|
|
* Example with a single letter email
|
|
*/
|
|
export const SingleLetter: Story = {
|
|
args: {
|
|
email: 'a@test.com',
|
|
},
|
|
};
|
|
|
|
/**
|
|
* Example with a long email
|
|
*/
|
|
export const LongEmail: Story = {
|
|
args: {
|
|
email: 'very.long.email.address@example.com',
|
|
},
|
|
};
|
|
|
|
/**
|
|
* Example with uppercase email (should still show uppercase letter)
|
|
*/
|
|
export const UppercaseEmail: Story = {
|
|
args: {
|
|
email: 'ADMIN@COMPANY.COM',
|
|
},
|
|
};
|
|
|
|
/**
|
|
* Example with number starting email
|
|
*/
|
|
export const NumberStartEmail: Story = {
|
|
args: {
|
|
email: '123user@example.com',
|
|
},
|
|
};
|