import AdminLayout from '@/Layouts/AdminLayout';
import PageHeader from '@/components/admin/PageHeader';
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
import { Head, router } from '@inertiajs/react';
import { BadgeDollarSign, KeyRound, Mail, Settings2 } from 'lucide-react';
import BillingTab from './components/BillingTab';
import GeneralTab from './components/GeneralTab';
import MailTab from './components/MailTab';
import SecurityTab from './components/SecurityTab';
import { FlashBanner } from './components/shared';
import type {
BillingSettings,
GeneralSettings,
MailSettings,
} from './components/types';
interface Props {
tab: 'general' | 'billing' | 'mail' | 'security';
general: GeneralSettings;
billing: BillingSettings;
mail: MailSettings;
}
const TABS = [
{ value: 'general', label: 'General', icon: Settings2 },
{ value: 'billing', label: 'Billing', icon: BadgeDollarSign },
{ value: 'mail', label: 'Mail', icon: Mail },
{ value: 'security', label: 'Security', icon: KeyRound },
] as const;
export default function SettingsIndex({ tab, general, billing, mail }: Props) {
const handleTabChange = (value: string) => {
router.get(
`/admin/settings/${value}`,
{},
{ preserveScroll: true, replace: true },
);
};
return (
{TABS.map(({ value, label, icon: Icon }) => (
{label}
))}
);
}