project-nomad/admin/inertia/layouts/SettingsLayout.tsx
2025-06-30 01:44:42 -07:00

18 lines
676 B
TypeScript

import { Cog6ToothIcon, CommandLineIcon, FolderIcon } from '@heroicons/react/24/outline'
import StyledSidebar from '~/components/StyledSidebar'
const navigation = [
{ name: 'Apps', href: '/settings/apps', icon: CommandLineIcon, current: false },
{ name: 'ZIM Explorer', href: '/settings/zim', icon: FolderIcon, current: false },
{ name: 'System', href: '/settings/system', icon: Cog6ToothIcon, current: true },
]
export default function SettingsLayout({ children }: { children: React.ReactNode }) {
return (
<div className="min-h-screen flex flex-row bg-stone-50/90">
<StyledSidebar title="Settings" items={navigation} />
{children}
</div>
)
}