import type { Ref, RenderFunction, SetupContext } from 'vue'
import type {
  TabPaneName,
  TabPaneProps as ElTabPaneProps,
  TabsEmits as ElTabsEmits,
  TabsProps as ElTabsProps,
} from 'element-plus'

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

// tabs
export declare const KTabs: DefineComponentApp<KTabsProps, KTabsEmits, KTabsSlots>

export type KTabsInstance = DefineComponentInstance<KTabsProps, KTabsConstructor>

export interface KTabsConstructor extends ComponentBaseOptions, KTabsMethods {
  props: KTabsProps
  context: SetupContext<KTabsEmits>
  getRefMaps(): KTabsPrivateRef
  getComputeMaps(): KTabsPrivateComputed
  renderVN: RenderFunction
}

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

export interface KTabsPrivateComputed { }

export type KTabsProps = Merge<TabsProps, ElTabsProps>
export type KTabsEmits = Merge<
  {
    'tab-contextmenu': (contextData: TabContextMenuData) => void
  },
  ElTabsEmits
>

export interface KTabsSlots {
  default: () => ComponentSlotType
  'add-icon': () => ComponentSlotType
  extra: () => ComponentSlotType
}

export interface KTabsMethods {
  currentName: Ref<TabPaneName>
  scrollToActiveTab: () => void
}

// tab-pane
export declare const KTabPane: DefineComponentApp<KTabPaneProps, KTabPaneEmits, KTabPaneSlots>

export type KTabPaneInstance = DefineComponentInstance<KTabPaneProps, KTabPaneConstructor>

export interface KTabPaneConstructor extends ComponentBaseOptions, KTabPaneMethods {
  props: KTabPaneProps
  context: SetupContext<KTabPaneEmits>
  getRefMaps(): KTabPanePrivateRef
  getComputeMaps(): KTabPanePrivateComputed
  renderVN: RenderFunction
}

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

export interface KTabPanePrivateComputed { }

export type KTabPaneProps = Merge<TabPaneProps, ElTabPaneProps>

export interface KTabPaneEmits { }

export interface KTabPaneSlots {
  default: () => ComponentSlotType
  label: () => ComponentSlotType
}

export interface KTabPaneMethods { }