import type { Ref, RenderFunction, SetupContext } from 'vue'

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

export declare const KResult: DefineComponentApp<KResultProps, KResultEmits, KResultSlots>

export type KResultInstance = DefineComponentInstance<KResultProps, KResultConstructor>

export interface KResultConstructor extends ComponentBaseOptions, KResultMethods {
  props: KResultProps
  context: SetupContext<KResultEmits>
  getRefMaps(): KResultPrivateRef
  getComputeMaps(): KResultPrivateComputed
  renderVN: RenderFunction
}

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

export interface KResultPrivateComputed { }

export type KResultProps = ResultProps
export interface KResultEmits { }

export interface KResultSlots {
  title: () => ComponentSlotType
  icon: () => ComponentSlotType
  extra: () => ComponentSlotType
}

export interface KResultMethods { }