import { BrandLockup } from "@/components/Placeholders";
import menuOpenIcon from "../../images/icons/menu-icon-open.svg";

interface BrandBarProps {
    onMenuClick: () => void;
}

const BrandBar = ({ onMenuClick }: BrandBarProps) => {
    return (
        <header className="portal-brandbar d-flex align-items-center justify-content-between">
            <BrandLockup />

            <button
                className="portal-menu-button d-inline-flex d-lg-none align-items-center justify-content-center"
                type="button"
                onClick={onMenuClick}
                aria-label="Open menu"
            >
                <img src={menuOpenIcon} alt="" aria-hidden="true" />
            </button>
        </header>
    );
};

export default BrandBar;