---
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';
import '../styles/site.css';
import type { LegalPage } from '../lib/legal';
interface Props {
page: LegalPage;
lang: 'en' | 'de';
canonical: string;
otherHref: string;
otherLabel: string;
backHref: string;
backLabel: string;
siblingHref: string;
siblingLabel: string;
}
const { page, lang, canonical, otherHref, otherLabel, backHref, backLabel, siblingHref, siblingLabel } = Astro.props;
const home = lang === 'de' ? '/de/' : '/';
---
{page.title} ยท Klarbild
{page.updated}
{page.title}
{page.intro && {page.intro}
}
{page.blocks.map((b) => (
{b.h && {b.h}
}
{b.rows && (
{b.rows.map(([k, v]) => (<>- {k}
- {v}
))}
)}
{b.p && {b.p}
}
{b.html && }
))}
{siblingLabel}