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

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