import type { Ref, RenderFunction, SetupContext } from 'vue'
import type { SwitchEmits as ElSwitchEmits, SwitchProps as ElSwitchProps } from 'element-plus'

import type { SwitchProps } from '../base'
import type {
  ComponentBaseOptions,
  ComponentSlotType,
  DefineComponentApp,
  DefineComponentInstance,
  Merge,
} from '../common'

export declare const KSwitch: DefineComponentApp<KSwitchProps, KSwitchEmits, KSwitchSlots>

export type KSwitchInstance = DefineComponentInstance<KSwitchProps, KSwitchConstructor>

export interface KSwitchConstructor extends ComponentBaseOptions, KSwitchMethods {
  props: KSwitchProps
  context: SetupContext<KSwitchEmits>
  getRefMaps(): KSwitchPrivateRef
  getComputeMaps(): KSwitchPrivateComputed
  renderVN: RenderFunction
}

export interface KSwitchPrivateRef {
  refElem: Ref<HTMLDivElement | undefined>
}

export interface KSwitchPrivateComputed { }

export type KSwitchProps = Merge<SwitchProps, ElSwitchProps>
export type KSwitchEmits = ElSwitchEmits

export interface KSwitchSlots {
  'active-action': () => ComponentSlotType
  'inactive-action': () => ComponentSlotType
}

export type KSwitchMethods = {
  focus: () => void
}