From ebc0d04c05bd8d2ab8ccbc8fd450258dd840f9e1 Mon Sep 17 00:00:00 2001
From: Stefan Imhoff <stefan@imhoff.name>
Date: Tue, 25 Apr 2023 19:02:53 +0200
Subject: [PATCH] refactor: add class property to page header

---
 src/components/PageHeader.astro | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/PageHeader.astro b/src/components/PageHeader.astro
index f78f6b6..5373b7c 100644
--- a/src/components/PageHeader.astro
+++ b/src/components/PageHeader.astro
@@ -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 />