import type { ArgTypes } from '@storybook/vue3-vite'
import { VvAvatarProps } from '@/components/VvAvatar'
import { DefaultSlotArgTypes } from '@/stories/argTypes'

export const defaultArgs = {
    ...propsToObject(VvAvatarProps),
}

export const argTypes: ArgTypes = {
    ...DefaultSlotArgTypes,
    default: {
        description: 'Content slot',
        control: {
            type: 'text',
        },
        table: {
            category: 'Slots',
            type: {
                summary: 'html',
            },
        },
    },
    modifiers: {
        description: 'Component BEM modifiers',
        control: {
            type: 'check',
        },
        options: ['rounded', 'square', 'bordered', 'ring', 'lg', 'md'],
    },
    imgSrc: {
        control: {
            type: 'text',
        },
        description: 'The image url',
    },
}