// src/views/Company/components/CompanyTabs/index.js
// Tab 容器组件 - 使用通用 TabContainer 组件

import React from 'react';
import TabContainer from '@components/TabContainer';
import { COMPANY_TABS, getTabNameByIndex } from '../../constants';

// 子组件导入（Tab 内容组件）
import CompanyOverview from '../CompanyOverview';
import DeepAnalysis from '../DeepAnalysis';
import MarketDataView from '../MarketDataView';
import FinancialPanorama from '../FinancialPanorama';
import ForecastReport from '../ForecastReport';
import DynamicTracking from '../DynamicTracking';

/**
 * Tab 组件映射
 */
const TAB_COMPONENTS = {
  overview: CompanyOverview,
  analysis: DeepAnalysis,
  market: MarketDataView,
  financial: FinancialPanorama,
  forecast: ForecastReport,
  tracking: DynamicTracking,
};

/**
 * 构建 TabContainer 所需的 tabs 配置
 * 合并 COMPANY_TABS 和对应的组件
 */
const buildTabsConfig = () => {
  return COMPANY_TABS.map((tab) => ({
    ...tab,
    component: TAB_COMPONENTS[tab.key],
  }));
};

// 预构建 tabs 配置（避免每次渲染重新计算）
const TABS_CONFIG = buildTabsConfig();

/**
 * 公司详情 Tab 容器组件
 *
 * 功能：
 * - 使用通用 TabContainer 组件
 * - 保持黑金主题风格
 * - 触发 Tab 变更追踪
 *
 * @param {Object} props
 * @param {string} props.stockCode - 当前股票代码
 * @param {Function} props.onTabChange - Tab 变更回调 (index, tabName, prevIndex) => void
 */
const CompanyTabs = ({ stockCode, onTabChange }) => {
  /**
   * 处理 Tab 切换
   * 转换 tabKey 为 tabName 以保持原有回调格式
   */
  const handleTabChange = (index, tabKey, prevIndex) => {
    const tabName = getTabNameByIndex(index);
    onTabChange?.(index, tabName, prevIndex);
  };

  return (
    <TabContainer
      tabs={TABS_CONFIG}
      componentProps={{ stockCode }}
      onTabChange={handleTabChange}
      themePreset="blackGold"
      borderRadius="16px"
    />
  );
};

export default CompanyTabs;