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

/**
 * SessionManagement - Gestion des sessions
 *
 * Composant affichant les sessions actives avec
 * option de déconnexion individuelle ou globale.
 */
const meta: Meta<typeof SessionManagement> = {
    title: 'Components/Features/Settings/Security/SessionManagement',
    component: SessionManagement,
    parameters: {
        layout: 'padded',
        docs: {
            description: {
                component: 'Liste des sessions actives avec actions de déconnexion.',
            },
        },
    },
    tags: ['autodocs'],
    decorators: [
        (Story) => (
            <div className="bg-background min-h-screen p-4 max-w-4xl">
                <Story />
            </div>
        ),
    ],
};

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

/**
 * État par défaut avec sessions actives.
 */
export const Default: Story = {
    name: 'Par défaut',
};

/**
 * État avec plusieurs sessions.
 */
export const WithSessions: Story = {
    name: 'Avec sessions',
    parameters: {
        docs: {
            description: {
                story: 'Affiche plusieurs sessions actives sur différents appareils.',
            },
        },
    },
};
