/// <reference types="react" />

import * as React from "react";

export interface GroupProps extends React.HTMLAttributes<HTMLElement> {
  /**
   * 样式前缀
   */
  prefix?: string;
}

export class Group extends React.Component<GroupProps, any> {}

export interface ItemProps extends React.HTMLAttributes<HTMLElement> {
  /**
   * 样式前缀
   */
  prefix?: string;

  /**
   * 自定义图标，可以使用Icon的type, 也可以使用组件`<Icon type="your type"/>`
   */
  icon?: string | React.ReactNode;
}

export class Item extends React.Component<ItemProps, any> {}

export interface PopupItemProps extends React.HTMLAttributes<HTMLElement> {
  /**
   * 样式前缀
   */
  prefix?: string;

  /**
   * 自定义图标，可以使用Icon的type, 也可以使用组件`<Icon type="your type"/>`
   */
  icon?: string | React.ReactNode;
}

export class PopupItem extends React.Component<PopupItemProps, any> {}

export interface SubNavProps extends React.HTMLAttributes<HTMLElement> {
  /**
   * 样式前缀
   */
  prefix?: string;

  /**
   * 自定义图标，可以使用Icon的type, 也可以使用组件`<Icon type="your type"/>`
   */
  icon?: string | React.ReactNode;
}

export class SubNav extends React.Component<SubNavProps, any> {}
export interface NavProps extends React.HTMLAttributes<HTMLElement> {
  /**
   * 样式前缀
   */
  prefix?: string;

  /**
   * 导航类型
   */
  type?: "normal" | "primary" | "secondary" | "text" | "line";

  /**
   * 导航方向
   */
  direction?: "hoz" | "ver";

  /**
   * 设置组件选中状态的active边方向
   */
  activeDirection?: null | "top" | "bottom" | "left" | "right";

  /**
   * Tree 展开时候右侧子item的对齐方式
   */
  popupAlign?: "follow" | "outside";

  /**
   * PopupItem触发方式
   */
  triggerType?: "click" | "hover";

  /**
   * 自定义class
   */
  className?: string;

  /**
   * 控制icon是否展示
   */
  iconOnly?: boolean;

  /**
   * 是否有ToolTIps(仅在iconOnly=true时生效)
   */
  hasTooltip?: boolean;

  /**
   * 是否显示右侧的箭头(仅在iconOnly=true时生效)
   */
  hasArrow?: boolean;
}

export default class Nav extends React.Component<NavProps, any> {
  static Group: typeof Group;
  static Item: typeof Item;
  static PopupItem: typeof PopupItem;
  static SubNav: typeof SubNav;
}