import { FiMapPin } from 'react-icons/fi';

interface ProjectInfoProps {
  name: string;
  location: string;
  price: string;
}

const ProjectInfo: React.FC<ProjectInfoProps> = ({ name, location, price }) => {
  return (
    <>
      <div className="hidden md:flex flex-col mt-2 self-stretch gap-2">
        <div className="flex flex-col self-stretch">
          <span className="text-[#1D293D] font-medium text-base mr-[1px]">
            {name}
          </span>
        </div>
        <div className="text-[#62748E] flex items-center gap-1">
          <FiMapPin />
          <span className="text-sm">
            {location}
          </span>
        </div>
      </div>
      <div className="flex md:hidden order-3 flex-col self-stretch gap-1">
        {/* Price hidden on mobile to avoid duplication and save space */}
      </div>
    </>
  );
};

export default ProjectInfo;