import type { Meta, StoryObj } from '@storybook/react';
import { EditProfile } from './EditProfile';
import { EditProfileSkeleton } from './edit-profile';

const meta: Meta<typeof EditProfile> = {
  title: 'Components/Features/Settings/Profile/EditProfile',
  component: EditProfile,
  parameters: { layout: 'padded' },
  tags: ['autodocs'],
  decorators: [
    (Story) => (
      <div className="bg-background min-h-layout-page-sm p-4">
        <Story />
      </div>
    ),
  ],
};

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

export const Default: Story = {
  name: 'Par défaut',
};

export const Loading: Story = {
  name: 'Chargement',
  render: () => <EditProfileSkeleton />,
};