import LogoIcon from "../../icons/LogoIcon";
import SocialLinks from "./SocialLinks";
import LanguageSwitcher from "./LanguageSwitcher";
import Tabs from "../Tabs";

const Header = (): JSX.Element => {
  return (
    <>
      <header className="px-10 flex justify-between text-[#edaedd] text-lg font-semibold py-12">
        <div className="w-1/5">
          <LogoIcon />
        </div>
        <div className="3/5">
          <Tabs isHeader />
        </div>

        <div className="flex gap-[35px] w-1/5 justify-end">
          <SocialLinks />
          <LanguageSwitcher />
        </div>
      </header>
    </>
  );
};

export default Header;
