refactor: add class property to page header

This commit is contained in:
Stefan Imhoff
2023-04-25 19:02:53 +02:00
parent fe064e81bf
commit ebc0d04c05

View File

@@ -1,17 +1,23 @@
---
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, navigation = true } = Astro.props;
const { backLink, class: className, navigation = true } = Astro.props;
---
<header class="grid grid-cols-18 grid-rows-layout mbe-layout print:hidden" role="banner">
<header
class={cx('grid w-full grid-cols-18 grid-rows-layout mbe-layout print:hidden', className)}
role="banner"
>
<Backlink backLink={backLink} />
{navigation && <MainNavigation />}
<ThemeToggle />