import { CSSProperties } from "vue";

export default interface IProps {
  /**
   * @description tab的数据
   * */
  list: (string | Record<string, string>)[];
  /**
   * @description 当前活动的tab的index（默认 0 ）
   * */
  current?: number;
  /**
   * @description 激活时的颜色（默认 '#3c9cff' ）
   * */
  activeColor?: string;
  /**
   * @description 未激活时的颜色（默认 '#303133' ）
   * */
  inactiveColor?: string;
  /**
   * @description 模式选择，mode=button为按钮形式，mode=subsection时为分段模式（默认 'button' ）
   * */
  mode?: "button" | "subsection";
  /**
   * @description 字体大小，单位px（默认 12 ）
   * */
  fontSize?: number | string;
  /**
   * @description 激活选项的字体是否加粗（默认 true ）
   * */
  bold?: boolean;
  /**
   * @description 组件背景颜色，mode为button时有效（默认 '#eeeeef' ）
   * */
  bgColor?: string;
  /**
   * @description 从`list`元素对象中读取的键名（默认 'name' ）
   * */
  keyName?: string;
  /**
   * @description 定义需要用到的外部样式
   * */
  customStyle?: CSSProperties;
}