'use server';
import { FC } from "react";
import { HeaderProps } from "@/validations/mutual/dashboard/props";
import LanguageSelectionComponent from "@/components/mutual/languageSelection/component";
import { langGetKey } from "@/lib/langGet";

const HeaderComponent: FC<HeaderProps> = ({ translations, lang, activePageUrl }) => {

    return (
        <div className="flex justify-between h-24 items-center p-4 border-emerald-150 border-b-2 shadow-sm backdrop-blur-sm sticky top-0 z-50 bg-emerald-50">
            <div className="flex flex-row justify-center items-center">
                <p className="text-2xl font-bold mx-3">{langGetKey(translations, 'selectedPage')} :</p>
                <p className="text-lg font-bold mx-3"> {langGetKey(translations, 'page')}</p>
            </div>
            <LanguageSelectionComponent lang={lang} activePage={activePageUrl} />
        </div>
    );
};

export default HeaderComponent;