import { FaLocationDot } from "react-icons/fa6";

export default function Header() {
  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 text-white max-w-[250px] w-full ">
          Uzbekistan , Tashkent
          <span className="text-[#f2a01c] text-[20px]">
            <FaLocationDot />
          </span>
        </div>

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

      </div>
    </div>
  );
}