import { Head, Link } from '@inertiajs/react'; import { Globe, Mail, Share2, Palette, Type, Upload, CreditCard, Send, Search, ToggleLeft, } from 'lucide-react'; const groupIcons: Record = { identity: Globe, contact: Mail, socials: Share2, palette: Palette, typography: Type, uploads: Upload, membership: CreditCard, smtp: Send, seo: Search, features: ToggleLeft, }; interface Group { key: string; label: string; count: number; } export default function SettingsIndex({ groups }: { groups: Group[] }) { return ( <>

Settings

Configure every aspect of the public site and system

{groups.map((group) => { const Icon = groupIcons[group.key] ?? Globe; return (

{group.label}

{group.count} setting{group.count !== 1 ? 's' : ''}

); })}

); }