import { useState, Tabs, Card, TabPane } from '@/imports';
import B2BTradeBatchOrder from './BatchOrder';
import EnterpriseQuote from './EnterpriseQuote';
import ContractManage from './ContractManage';

export default function B2BTradeIndex() {
  const [activeTab, setActiveTab] = useState('batch');

  return (
    <Card>
      <Tabs activeKey={activeTab} onChange={setActiveTab}>
        <TabPane tab="批量订单" key="batch">
          <B2BTradeBatchOrder />
        </TabPane>
        <TabPane tab="企业报价" key="quote">
          <EnterpriseQuote />
        </TabPane>
        <TabPane tab="合同管理" key="contract">
          <ContractManage />
        </TabPane>
      </Tabs>
    </Card>
  );
}