pfadi-bussle/components/header.tsx

import React from 'react'
import Link from 'next/link'

export default function Header({ label = 'Pfadi Bussle' }: { 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"><Link href="/">{label}</Link></h1>
            <img src="/logo.webp" className="w-40 mx-3 object-contain object-top" />
        </div>
    )
}