import type { Ref, RenderFunction, SetupContext } from 'vue'
import type {
  CheckboxEmits as ElCheckboxEmits,
  CheckboxGroupEmits as ElCheckboxGroupEmits,
  CheckboxGroupProps as ElCheckboxGroupProps,
  CheckboxProps as ElCheckboxProps,
} from 'element-plus'

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

// checkbox
export declare const KCheckbox: DefineComponentApp<KCheckboxProps, KCheckboxEmits, KCheckboxSlots>

export type KCheckboxInstance = DefineComponentInstance<KCheckboxProps, KCheckboxConstructor>

export interface KCheckboxConstructor extends ComponentBaseOptions, KCheckboxMethods {
  props: KCheckboxProps
  context: SetupContext<KCheckboxEmits>
  getRefMaps(): KCheckboxPrivateRef
  getComputeMaps(): KCheckboxPrivateComputed
  renderVN: RenderFunction
}

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

export interface KCheckboxPrivateComputed { }

export type KCheckboxProps = Merge<CheckboxProps, ElCheckboxProps>
export type KCheckboxEmits = ElCheckboxEmits

export interface KCheckboxSlots {
  default: () => ComponentSlotType
}

export interface KCheckboxMethods { }

// checkbox-group
export declare const KCheckboxGroup: DefineComponentApp<KCheckboxGroupProps, KCheckboxGroupEmits, KCheckboxGroupSlots>

export type KCheckboxGroupInstance = DefineComponentInstance<KCheckboxGroupProps, KCheckboxGroupConstructor>

export interface KCheckboxGroupConstructor extends ComponentBaseOptions, KCheckboxGroupMethods {
  props: KCheckboxGroupProps
  context: SetupContext<KCheckboxGroupEmits>
  getRefMaps(): KCheckboxGroupPrivateRef
  getComputeMaps(): KCheckboxGroupPrivateComputed
  renderVN: RenderFunction
}

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

export interface KCheckboxGroupPrivateComputed { }

export type KCheckboxGroupProps = Merge<CheckboxGroupProps, ElCheckboxGroupProps>
export type KCheckboxGroupEmits = ElCheckboxGroupEmits

export interface KCheckboxGroupSlots {
  default: () => ComponentSlotType
}

export interface KCheckboxGroupMethods { }