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

const meta: Meta<typeof PreferenceSettings> = {
    title: 'Components/Features/Settings/PreferenceSettings',
    component: PreferenceSettings,
    parameters: {
        layout: 'centered',
    },
    tags: ['autodocs'],
    argTypes: {
        onChange: { action: 'onChange' },
    },
};

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

export const Default: Story = {
    args: {
        preferences: {
            language: 'en',
            timezone: 'UTC',
            theme: 'auto',
        },
    },
};

export const FrenchDark: Story = {
    args: {
        preferences: {
            language: 'fr',
            timezone: 'Europe/Paris',
            theme: 'dark',
        },
    },
};