import CarIcon from "../icons/CarIcon";

interface LocationPopupProps {
  title: string;
  travelTime: number;
}

function LocationPopup({ title, travelTime }: LocationPopupProps) {
  return (
    <div className="2xl:space-y-[0.556vw] space-y-2">
      <p className="text-s [font-family:Poppins] font-normal text-[#324D43]">
        {title}
      </p>
      <div className="flex items-center 2xl:gap-[0.556vw] gap-2 2xl:px-[0.833vw] px-3 2xl:py-[0.556vw] py-2 bg-[#F0EDE6] rounded-xl">
        <div className="2xl:size-[1.111vw] size-4 text-[#324D43]">
          <CarIcon />
        </div>
        <p className="caption font-medium text-[#A7A08E]">{travelTime} min</p>
      </div>
    </div>
  );
}

export default LocationPopup;
