// src/views/Company/components/CompanyOverview/BasicInfoTab/config.ts
// Tab 配置 + 黑金主题配置

import { IconType } from "react-icons";
import {
  FaShareAlt,
  FaUserTie,
  FaSitemap,
  FaInfoCircle,
} from "react-icons/fa";

// 主题类型定义
export interface Theme {
  bg: string;
  cardBg: string;
  tableBg: string;
  tableHoverBg: string;
  gold: string;
  goldLight: string;
  textPrimary: string;
  textSecondary: string;
  border: string;
  tabSelected: {
    bg: string;
    color: string;
  };
  tabUnselected: {
    color: string;
  };
}

// 黑金主题配置
// 注：文字颜色使用更亮的金色（#F4D03F）以提高对比度
export const THEME: Theme = {
  bg: "gray.900",
  cardBg: "gray.800",
  tableBg: "gray.700",
  tableHoverBg: "gray.600",
  gold: "#F4D03F",            // 亮黄金色（用于文字，对比度更好）
  goldLight: "#F0D78C",       // 浅金色（用于次要文字）
  textPrimary: "white",
  textSecondary: "gray.400",
  border: "rgba(212, 175, 55, 0.3)",  // 边框保持原色
  tabSelected: {
    bg: "#D4AF37",            // 选中背景保持深金色
    color: "gray.900",
  },
  tabUnselected: {
    color: "#F4D03F",         // 未选中使用亮金色
  },
};

// Tab 配置类型
export interface TabConfig {
  key: string;
  name: string;
  icon: IconType;
  enabled: boolean;
}

// Tab 配置
export const TAB_CONFIG: TabConfig[] = [
  {
    key: "shareholder",
    name: "股权结构",
    icon: FaShareAlt,
    enabled: true,
  },
  {
    key: "management",
    name: "管理团队",
    icon: FaUserTie,
    enabled: true,
  },
  {
    key: "branches",
    name: "分支机构",
    icon: FaSitemap,
    enabled: true,
  },
  {
    key: "business",
    name: "工商信息",
    icon: FaInfoCircle,
    enabled: true,
  },
];

// 获取启用的 Tab 列表
export const getEnabledTabs = (enabledKeys?: string[]): TabConfig[] => {
  if (!enabledKeys || enabledKeys.length === 0) {
    return TAB_CONFIG.filter((tab) => tab.enabled);
  }
  return TAB_CONFIG.filter(
    (tab) => tab.enabled && enabledKeys.includes(tab.key)
  );
};