const ProfileInfoCard = ({ title, value }) => (
  <div className="bg-white p-4 rounded-xl shadow-md flex justify-between items-center">
    <span className="text-gray-700 font-medium">{title}</span>
    <span className="text-gray-900 font-semibold">{value || "Not provided"}</span>
  </div>
);

export default ProfileInfoCard;