import { ReactNode } from "react"

export interface TabsPaneProps {
  /**
   * key
   * */
  key: string | number
  /**
   * tab name
   * */
  tab?: string | number
  /**
   * Children
   * */
  children?: ReactNode
  className?: string
}

export interface TabsProps {
  /**
   * 默认选中的tab key
   * */
  defaultActiveKey?: string | number
  /**
   * 选中的tab key
   * */
  activeKey?: string | number
  /**
   * on tab changes event
   * */
  onChange?: (key: string) => void
  /**
   * Children
   * */
  children?: ReactNode
  /**
   * 展示方向
   * @default horizontal
   */
  orientation?: "horizontal" | "vertical"
  classes?: { root?: string; tab?: string }
  endTabComp?: ReactNode;
}