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

export default {
    title: 'UI/UiDescription',
    component: UiDescription,
    argTypes: {
        description: { control: 'text' },
        title: { control: 'text' },
        fontSize: { control: 'text' },
        color: { control: 'color' },
        fontWeight: {
            control: { type: 'select' },
            options: ['400', '500', '600', '700', '800'],
        },
        type: {
            control: { type: 'select' },
            options: ['default', 'primary', 'secondary'],
        },
    },
    args: {
        description: 'Пример описания с <b>HTML</b> поддержкой',
        title: '',
        fontSize: '14px',
        color: '#000000',
        fontWeight: '600',
        type: 'default',
    },
} as Meta<typeof UiDescription>;

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