import {
  VeuiDefineComponent,
  VeuiDefineInstance,
  UiMixin,
  InputMixin,
  DropdownMixin,
  ControllableMixin
} from '../common'

type Mode = 'hour' | 'minute' | 'second'

type Props = {
  value?: string
  hours?: Array<number>
  minutes?: Array<number>
  seconds?: Array<number>
  placeholder?: string
  mode?: Mode
  min?: string
  max?: string
  autofocus?: boolean
  clearable?: boolean
}

type Emits = {
  clear(): void
  change(value: string): void
}

type Mixins = [
  UiMixin,
  InputMixin,
  DropdownMixin,
  ControllableMixin<{
    input(value: string): void
  }>
]

type Slots = {
  option(slotProps: {
    label: string
    value: number
    disabled?: boolean
    part: Mode
  }): unknown
}

type TimePicker = VeuiDefineComponent<{
  new (...args: any[]): VeuiDefineInstance<Props, Emits, Slots, Mixins>
}>

export default TimePicker