import {useContext} from "react";
import {EventContext} from "@/providers/event-provider";

export type HeaderProps = {
    openNavigation: () => void;
}

export default function Header({openNavigation}: HeaderProps) {
    const {event} = useContext(EventContext);

    return <header className="flex justify-between items-center px-5">
        <button
            className="flex flex-col justify-center items-center w-8 h-8 space-y-1"
            onClick={openNavigation}
        >
            <span className="block w-6 h-1 bg-black"></span>
            <span className="block w-6 h-1 bg-black"></span>
            <span className="block w-6 h-1 bg-black"></span>
        </button>

        {event && <h1 className="text-2xl font-bold p-4 max-w-[90%] overflow-ellipsis overflow-hidden text-nowrap">{event}</h1>}
    </header>;
}