import type { PropType } from 'vue'

export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl'

export const useCommon = () => {}

const validators = Object.freeze({
  size: ['xs', 'sm', 'md', 'lg', 'xl'],
})

useCommon.props = () => ({
  size: {
    type: String as PropType<Size>,
    default: 'md',
    validator: (value: string) => validators.size.includes(value),
  },
} as const)

useCommon.validators = () => ({
  ...validators,
})