/**
 * 评查选项卡组件
 * 提供三个选项卡：评查结果、AI智能分析、文件信息
 */
import { ReactNode } from 'react';

interface ReviewTabsProps {
  activeTab: string;
  onTabChange: (tabKey: string) => void;
  children: ReactNode;
}

export function ReviewTabs({ activeTab, onTabChange, children }: ReviewTabsProps) {
  return (
    <div className="tab-container">
      <div className="tab-nav">
        <button 
          className={`tab-nav-item ${activeTab === 'preview' ? 'active' : ''}`}
          onClick={() => onTabChange('preview')}
          type="button"
          aria-pressed={activeTab === 'preview'}
        >
          <i className="ri-file-text-line"></i> 评查结果
        </button>
        <button 
          className={`tab-nav-item ${activeTab === 'analysis' ? 'active' : ''}`}
          onClick={() => onTabChange('analysis')}
          type="button"
          aria-pressed={activeTab === 'analysis'}
        >
          <i className="ri-lightbulb-line"></i> AI智能分析
        </button>
        <button 
          className={`tab-nav-item ${activeTab === 'fileinfo' ? 'active' : ''}`}
          onClick={() => onTabChange('fileinfo')}
          type="button"
          aria-pressed={activeTab === 'fileinfo'}
        >
          <i className="ri-information-line"></i> 文件信息
        </button>
      </div>
      
      <div className="tab-content">
        {children}
      </div>
    </div>
  );
}