import { Card, Tabs } from 'antd';
import { BrandingForm } from '../components/settings/BrandingForm';
import { MunicipalityList } from '../components/settings/rates/MunicipalityList';
import { GrafanaInfoCard } from '../components/settings/GrafanaInfoCard';
import { ConfigOverviewCard } from '../components/settings/ConfigOverviewCard';
import { UsersPage } from './UsersPage';

export function SettingsPage() {
  return (
    <Card>
      <Tabs
        defaultActiveKey="branding"
        items={[
          { key: 'branding', label: 'Branding', children: <BrandingForm /> },
          { key: 'rates', label: 'Rates', children: <MunicipalityList /> },
          { key: 'users', label: 'Users', children: <UsersPage /> },
          { key: 'grafana', label: 'Grafana', children: <GrafanaInfoCard /> },
          { key: 'app-config', label: 'App config', children: <ConfigOverviewCard /> },
        ]}
      />
    </Card>
  );
}