make header configurable

This commit is contained in:
Thomas Ruoff
2020-10-09 00:10:56 +02:00
parent 5fde863577
commit 940dc3cf59

View File

@@ -1,9 +1,13 @@
import React from 'react'
export default function Header() {
export default function Header({
label = 'Pfadi Bussle Buchen',
}: {
label?: string
}) {
return (
<div className="flex flex-row items-center p-3 my-3 text-white bg-gray-600 rounded-sm">
<h1 className="flex-grow text-3xl">Pfadi Bussle</h1>
<h1 className="flex-grow text-3xl">{label}</h1>
<img src="/logo.webp" className="w-40 mx-3 object-contain object-top" />
</div>
)