import Image from "next/image";
import Link from "next/link";
import { SelectLanguage } from "./SelectLanguage";
import AccountCircleIcon from "@mui/icons-material/AccountCircle";

export const PageHeader = () =>
    <div className="navbar bg-base-100 mb-6">
        <Link className="btn btn-ghost text-xl" href="/"><Image src="/icon3.png" alt="logo" width={48} height={48} /> Režije</Link>
        <span className="grow">&nbsp;</span>
        <SelectLanguage />
        <Link href="/account/" className="btn btn-ghost btn-circle">
            <AccountCircleIcon className="w-6 h-6" />
        </Link>
    </div>