import { Head, Link } from '@inertiajs/react'; import { useEffect } from 'react'; import type { ReactNode } from 'react'; import { login } from '@/routes'; import './aurora.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; ticker?: string[]; title?: string; description?: string; children: ReactNode; }; export default function AuroraLayout({ brand, navItems, footer, ticker, title, description, children, }: Props) { useEffect(() => { document.body.classList.add('aurora-body'); return () => document.body.classList.remove('aurora-body'); }, []); const tickerItems = ticker && ticker.length > 0 ? ticker : defaultTicker(brand); const repeated = [...tickerItems, ...tickerItems]; return ( <> {description ? : null}

); } function defaultTicker(brand: string): string[] { return [ `LIVE DEMO — ASK ${brand.toUpperCase()} ANYTHING`, 'NO CREDIT CARD REQUIRED', 'INSTALL IN 5 MINUTES', 'SOC 2 · GDPR · HIPAA READY', ]; } function Nav({ brand, navItems }: { brand: string; navItems: ContentLink[] }) { return ( ); } 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 ( <>

); }