import type { ArgTypes } from '@storybook/vue3-vite'
import { VvTooltipProps } from '@/components/VvTooltip'
import { DefaultSlotArgTypes, ModifiersArgTypes } from '@/stories/argTypes'

export const defaultArgs = {
    ...propsToObject(VvTooltipProps),
    value: 'I\'m a tooltip',
}

export const argTypes: ArgTypes = {
    ...ModifiersArgTypes,
    ...DefaultSlotArgTypes,
    position: {
        type: 'string',
        control: {
            type: 'select',
        },
        table: {
            defaultValue: { summary: 'bottom' },
        },
        description: 'Indicates where to place the tooltip',
        options: [undefined, 'left', 'right', 'bottom', 'top'],
    },
}