import { MyPageContainer } from '@/common';
// import MyDecorationWorkorder from '@/pages/work_order/renovation';
import type { TabsProps } from 'antd';
import { Tabs } from 'antd';
import MyRenovationApplies from './application';
import MyRenovationAppliesAudit from './audit';
import MyRenovationApply from './deposit';
import MyRenovationInspectionRules from './renovation_inspection_rules';

export default function Index({ title = '装修管理' }) {
  const items: TabsProps['items'] = [
    {
      key: 'MyRenovationApplies',
      label: '装修申请',
      children: <MyRenovationApplies />,
    },
    {
      key: 'MyRenovationAppliesAudit',
      label: '资料审核',
      children: <MyRenovationAppliesAudit />,
    },
    {
      key: 'MyRenovationInspectionRules',
      label: '巡检规则配置',
      children: <MyRenovationInspectionRules />,
    },
    {
      key: 'MyRenovationApply',
      label: '装修押金',
      children: <MyRenovationApply />,
    },
  ];
  return (
    <MyPageContainer
      title={title}
      enableTabs={true}
      tabKey="renovation_applies"
      tabLabel={title}
    >
      <Tabs type="card" items={items} />
    </MyPageContainer>
  );
}
