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

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

export declare const KPopover: DefineComponentApp<KPopoverProps, KPopoverEmits, KPopoverSlots>

export type KPopoverInstance = DefineComponentInstance<KPopoverProps, KPopoverConstructor>

export interface KPopoverConstructor extends ComponentBaseOptions, KPopoverMethods {
  props: KPopoverProps
  context: SetupContext<KPopoverEmits>
  getRefMaps(): KPopoverPrivateRef
  getComputeMaps(): KPopoverPrivateComputed
  renderVN: RenderFunction
}

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

export interface KPopoverPrivateComputed { }

export type KPopoverProps = Merge<PopoverProps, ElPopoverProps>
export type KPopoverEmits = ElPopoverEmits

export interface KPopoverSlots {
  default: () => ComponentSlotType
  reference: () => ComponentSlotType
}

export type KPopoverMethods = {
  hide: () => void
}