"use client";

import { FaLocationDot } from "react-icons/fa6";
import Text from "../lib_components/text";
import { useTranslation } from "react-i18next";

export default function Header() {
  const { t } = useTranslation();
  return (
    <div
      dir="ltr"
      className="bg-primary  py-3 flex items-center sm:justify-around justify-center px-4"
    >
      <div className="max-w-[1500px] w-full mx-auto flex items-center sm:justify-between justify-center gap-4 flex-wrap ">
        <div className="flex justify-center items-center gap-2 text-white max-w-[250px] w-full ">
          Uzbekistan , Tashkent
          <a href="#map" className="text-[#f2a01c] text-[20px]">
            <FaLocationDot />
          </a>
        </div>

        <div className="flex items-center gap-5">
          <a
            href="tel:+998332520000"
            target="_blanck"
            className="hover:cursor-pointer text-white flex flex-wrap justify-center items-center max-w-[250px] w-full "
          >
            <p>+998 33 252 00 00</p>
            <p>+998 33 805 55 55</p>
          </a>
        </div>
      </div>
    </div>
  );
}
