{title}

--- import '@fontsource/space-grotesk/400.css'; import '@fontsource/space-grotesk/500.css'; import '@fontsource/space-grotesk/700.css'; import '@fontsource/space-mono/400.css'; import '@fontsource/space-mono/700.css'; import '../styles/tokens.css'; interface Props { title?: string } const { title = 'Klarbild' } = Astro.props; const user = Astro.locals.user; const path = Astro.url.pathname; const active = (href: string) => href === '/' ? path === '/' : path.startsWith(href); const nav = [ { href: '/', label: 'Studio', icon: 'studio' }, { href: '/bibliothek', label: 'Bibliothek', icon: 'library' }, { href: '/druck', label: 'Druck', icon: 'print' }, { href: '/warteschlange', label: 'Warteschlange', icon: 'queue' }, { href: '/anleitung', label: 'Hilfe', icon: 'help' }, ...(user?.role === 'admin' ? [{ href: '/admin', label: 'Admin', icon: 'admin' }] : []), ]; const S = 'fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"'; const ICONS: Record = { studio: ``, library: ``, queue: ``, admin: ``, print: ``, help: ``, }; --- {title} {user && ( )}

{user && ( )}