---
import cx from 'classnames';

import Backlink from '../components/Backlink.astro';
import MainNavigation from '../components/MainNavigation.astro';
import ThemeToggle from '../components/ThemeToggle.astro';

export interface Props {
	backLink?: string;
	class?: string;
	navigation?: boolean;
}

const { backLink, class: className, navigation = true } = Astro.props;
const classes = cx(
	'sticky grid w-full grid-cols-18 grid-rows-layout bg-shibui-100 mbe-layout block-start-0 dark:bg-shibui-900 print:hidden z-50',
	className
);
---

<header class={classes} role="banner">
	<Backlink backLink={backLink} />
	{navigation && <MainNavigation />}
	<ThemeToggle />
</header>
