import { contactInfo } from "@/lib/mock/company";
import { Mail, Map, Phone } from "lucide-react";

const TopBar = () => {
  const handleCallNow = () => {
    window.location.href = "tel:817-601-1781";
  };

  return (
    <div className="bg-secondary text-white py-2 hidden md:block">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex justify-between items-center">
        <div className="flex flex-row item-center gap-6">
          <button
            onClick={handleCallNow}
            className="flex items-center space-x-2 hover:text-primary transition"
          >
            <Phone className="w-4 h-4" />
            <span className="text-sm">{contactInfo.phone}</span>
          </button>
          <div className="flex items-center space-x-2">
            <Mail className="w-4 h-4" />
            <span className="text-sm">{contactInfo.email}</span>
          </div>

        </div>
        <div>
          <div className="flex items-center space-x-2">
            <Map className="w-4 h-4" />
            <span className="text-sm">{contactInfo.address}</span>
          </div>
        </div>
      </div>
    </div>
  );
};

export default TopBar;