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

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 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 flex-col items-center justify-center">
          <div className="text-white text-lg">
            <Text txt="work_day_title" />
          </div>
          <div className="text-secondary text-xl">
            <Text txt="work_day" />
          </div>
          <p className="text-xl text-secondary">24/7</p>
        </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>
  );
}