import { Head, Link, usePage } from '@inertiajs/react'; import type { PropsWithChildren } from 'react'; import { ThemeToggle } from '@/components/theme/theme-toggle'; import { cn } from '@/lib/utils'; import type { AppPageProps } from '@/types'; type PublicLayoutProps = PropsWithChildren<{ title?: string; }>; type HeaderActionProps = { href: string; label: string; icon: IconName; variant?: 'default' | 'primary' | 'admin'; count?: number; method?: 'post'; as?: 'button'; }; type IconName = | 'admin' | 'blog' | 'cart' | 'catalog' | 'login' | 'logout' | 'profile' | 'register'; export function PublicLayout({ children, title }: PublicLayoutProps) { const { auth, cart } = usePage().props; const isAdmin = auth.user?.roles.some((role) => role.slug === 'admin') ?? false; return ( <>

Parts Platform

{auth.user ? ( <> {isAdmin ? ( ) : null} ) : ( <> )}

{children}

); } function HeaderAction({ href, label, icon, variant = 'default', count, method, as, }: HeaderActionProps) { return ( {label} {typeof count === 'number' ? ( {count} ) : null} ); } function NavIcon({ name }: { name: IconName }) { const common = { className: 'h-4 w-4 shrink-0', fill: 'none', stroke: 'currentColor', strokeLinecap: 'round' as const, strokeLinejoin: 'round' as const, strokeWidth: 2, viewBox: '0 0 24 24', 'aria-hidden': true, }; if (name === 'catalog') { return ( ); } if (name === 'blog') { return ( ); } if (name === 'cart') { return ( ); } if (name === 'profile') { return ( ); } if (name === 'admin') { return ( ); } if (name === 'logout') { return ( ); } if (name === 'register') { return ( ); } return ( ); }