import { MyPageContainer } from '@/common';
import { Tabs } from 'antd';
import CarPortFee from './components/CarPortFee';
import ElectricityFee from './components/ElectricityFee';
import MaintenanceFund from './components/MaintenanceFund';
import PropertyFee from './components/PropertyFee';
import SharedElectricityFee from './components/SharedElectricityFee';
import SharedWaterFee from './components/SharedWaterFee';
import WaterFee from './components/WaterFee';

export default function Index({ title = '收费标准配置' }) {
  const items = [
    {
      key: 'PropertyFee',
      label: '物业费',
      children: <PropertyFee />,
    },
    {
      key: 'WaterFee',
      label: '水费',
      children: <WaterFee />,
    },
    {
      key: 'ElectricityFee',
      label: '电费',
      children: <ElectricityFee />,
    },
    {
      key: 'SharedWaterFee',
      label: '公摊水费',
      children: <SharedWaterFee />,
    },
    {
      key: 'SharedElectricityFee',
      label: '公摊电费',
      children: <SharedElectricityFee />,
    },
    {
      key: 'MaintenanceFund',
      label: '维修基金',
      children: <MaintenanceFund />,
    },
    {
      key: 'CarPortFee',
      label: '车位管理费',
      children: <CarPortFee />,
    },
  ];

  return (
    <MyPageContainer
      title={title}
      enableTabs={true}
      tabKey="charge-standard"
      tabLabel={title}
    >
      <Tabs type="card" defaultActiveKey="1" items={items} />
    </MyPageContainer>
  );
}