/* 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',
  },
};