import type { Ref, RenderFunction, SetupContext } from 'vue'
import type { PaginationEmits as ElPaginationEmits, PaginationProps as ElPaginationProps } from 'element-plus'

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

export declare const KPagination: DefineComponentApp<KPaginationProps, KPaginationEmits, KPaginationSlots>

export type KPaginationInstance = DefineComponentInstance<KPaginationProps, KPaginationConstructor>

export interface KPaginationConstructor extends ComponentBaseOptions, KPaginationMethods {
  props: KPaginationProps
  context: SetupContext<KPaginationEmits>
  getRefMaps(): KPaginationPrivateRef
  getComputeMaps(): KPaginationPrivateComputed
  renderVN: RenderFunction
}

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

export interface KPaginationPrivateComputed { }

export type KPaginationProps = Merge<PaginationProps, ElPaginationProps>
export type KPaginationEmits = ElPaginationEmits

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

export interface KPaginationMethods { }