import type { Ref, RenderFunction, SetupContext } from 'vue'
import type { PopoverEmits as ElPopoverEmits, PopoverProps as ElPopoverProps } from 'element-plus'

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

export declare const KIconPopover: DefineComponentApp<KIconPopoverProps, KIconPopoverEmits, KIconPopoverSlots>

export type KIconPopoverInstance = DefineComponentInstance<KIconPopoverProps, KIconPopoverConstructor>

export interface KIconPopoverConstructor extends ComponentBaseOptions, KIconPopoverMethods {
  props: KIconPopoverProps
  context: SetupContext<KIconPopoverEmits>
  getRefMaps(): KIconPopoverPrivateRef
  getComputeMaps(): KIconPopoverPrivateComputed
  renderVN: RenderFunction
}

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

export interface KIconPopoverPrivateComputed { }

export type KIconPopoverProps = Merge<IconPopoverProps, ElPopoverProps>
export type KIconPopoverEmits = Merge<
  {
    select: (iconData: any) => void
    updateIcon: (iconName: string) => void
  },
  ElPopoverEmits
>

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

export interface KIconPopoverMethods { }