"use client";

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

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