import type { ArgTypes } from '@storybook/vue3-vite'
import { CheckboxRadioArgTypes } from '@/stories/argTypes'

export const defaultArgs = {
    name: 'checkbox',
    label: 'Option',
    value: 'my-value',
    tabindex: 0,
    disabled: false,
    switch: false,
    readonly: false,
    invalid: false,
    valid: false,
    indeterminate: false,
    uncheckedValue: undefined,
}

export const argTypes: ArgTypes = {
    ...CheckboxRadioArgTypes,
    indeterminate: {
        description: 'If true, the input will be indeterminated',
        table: {
            defaultValue: {
                summary: 'false',
            },
        },
    },
    uncheckedValue: {
        description: 'Value associated with the unchecked state.',
        control: {
            type: 'text',
        },
    },
    switch: {
        description: 'If true, the input will be displayed as a switch.',
        table: {
            defaultValue: {
                summary: 'false',
            },
        },
    },
}