import type { Meta, StoryObj } from '@storybook/react';
import { SecuritySettings } from './SecuritySettings';

/**
 * SecuritySettings - Paramètres de sécurité
 *
 * Section des paramètres de sécurité incluant gestion
 * des mots de passe, 2FA, et sessions actives.
 */
const meta: Meta<typeof SecuritySettings> = {
    title: 'Components/Settings/Security/SecuritySettings',
    component: SecuritySettings,
    parameters: {
        layout: 'padded',
        docs: {
            description: {
                component: 'Paramètres de sécurité avec 2FA, mot de passe et sessions.',
            },
        },
    },
    tags: ['autodocs'],
    decorators: [
        (Story) => (
            <div className="bg-kodo-background min-h-screen p-4 max-w-4xl">
                <Story />
            </div>
        ),
    ],
};

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

/**
 * État par défaut des paramètres de sécurité.
 */
export const Default: Story = {
    name: 'Par défaut',
};

/**
 * État de mise à jour en cours.
 */
export const Updating: Story = {
    name: 'Mise à jour',
    parameters: {
        docs: {
            description: {
                story: 'Feedback visuel pendant la mise à jour des paramètres de sécurité.',
            },
        },
    },
};