import { Head, Link } from '@inertiajs/react'; import { useEffect, useState } from 'react'; import type { ReactNode } from 'react'; import { dashboard, login, register } from '@/routes'; import './prism.css'; type ContentLink = { label: string; href: string }; type FooterContent = { brand_description: string; socials: ContentLink[]; groups: Array<{ title: string; links: ContentLink[] }>; legal_title: string; legal_links: ContentLink[]; copyright: string; }; type Props = { brand: string; navItems: ContentLink[]; footer: FooterContent; title?: string; description?: string; canRegister?: boolean; hasUser?: boolean; children: ReactNode; }; export default function PrismLayout({ brand, navItems, footer, title, description, canRegister = false, hasUser = false, children, }: Props) { useEffect(() => { document.body.classList.add('prism-body'); return () => document.body.classList.remove('prism-body'); }, []); const primaryHref = hasUser ? dashboard().url : canRegister ? register().url : login().url; return ( <> {description ? ( ) : null}

); } function Nav({ brand, navItems, primaryHref, hasUser, }: { brand: string; navItems: ContentLink[]; primaryHref: string; hasUser: boolean; }) { const [open, setOpen] = useState(false); return (

{brand}

{navItems.map((item) => ( setOpen(false)} > {item.label} ))}

setOpen(false)} > Sign in setOpen(false)} > {hasUser ? 'Dashboard' : 'Get started'}{' '}

); } function Footer({ brand, footer, }: { brand: string; footer: FooterContent; }) { const groups = footer.groups.slice(0, 3); const legal = { title: footer.legal_title, links: footer.legal_links }; return ( ); }