init

worklenz-frontend/src/pages/admin-center/billing/billing.tsx

@@ -0,0 +1,32 @@
+import { PageHeader } from '@ant-design/pro-components';
+import { Tabs, TabsProps } from 'antd';
+import React from 'react';
+import CurrentBill from '@/components/admin-center/billing/current-bill';
+import Configuration from '@/components/admin-center/configuration/configuration';
+import { useTranslation } from 'react-i18next';
+
+const Billing: React.FC = () => {
+  const { t } = useTranslation('admin-center/current-bill');;
+
+  const items: TabsProps['items'] = [
+    {
+      key: '1',
+      label: t('currentBill'),
+      children: <CurrentBill />,
+    },
+    {
+      key: '2',
+      label: t('configuration'),
+      children: <Configuration />,
+    },
+  ];
+
+  return (
+    <div style={{ width: '100%' }}>
+      <PageHeader title={<span>{t('title')}</span>} style={{ padding: '16px 0' }} />
+      <Tabs defaultActiveKey="1" items={items} destroyInactiveTabPane />
+    </div>
+  );
+};
+
+export default Billing;