import type { Meta, StoryFn } from '@storybook/vue3-vite';
import UiTitle from './UITitle.vue';

export default {
    title: 'UI/UiTitle',
    component: UiTitle,
    argTypes: {
        title: { control: 'text' },
        fontSize: { control: 'text' },
        color: { control: 'color' },
        fontWeight: {
            control: { type: 'select' },
            options: ['400', '500', '600', '700'],
        },
        type: {
            control: { type: 'select' },
            options: ['default', 'secondary'],
        },
    },
    args: {
        title: 'Заголовок',
        fontSize: '24px',
        color: '#000000',
        fontWeight: '700',
        type: 'default',
    },
} as Meta<typeof UiTitle>;

export const Default: StoryFn<typeof UiTitle> = (args) => ({
    components: { UiTitle },
    setup() {
        return { args };
    },
    template: `<UiTitle v-bind="args" />`,
});
