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

export default function Header() {
  return (
    <div className="bg-primary  py-3 flex items-center justify-around">
      {/*  */}
      <div className="max-w-[1500px] w-full mx-auto flex items-center justify-between ">
        {/*  */}
        <div>
          <a href="tel:+998332520000" className="hover:cursor-pointer text-white flex flex-wrap justify-center items-center max-w-[250px] w-full ">
            00 00 232 33 998+
            <span className="text-[#f2a01c] text-[20px]">
              <FaLocationDot />
            </span>
          </a>
        </div>
        {/*  */}
        <div className="flex flex-wrap justify-center items-center text-white max-w-[250px] w-full ">
          Uzbekistan , Tashkent
          <span className="text-[#f2a01c] text-[20px]">
            <FaLocationDot />
          </span>
        </div>
        {/*  */}
      </div>
    </div>
  );
}
