import { MapPin } from 'lucide-react';

interface PersonalLocationDisplayProps {
  personalLocation: string | null | undefined;
}

export function PersonalLocationDisplay({ personalLocation }: PersonalLocationDisplayProps) {
  // get_filtered_profile() already handles privacy - if personalLocation is present, it's viewable
  if (!personalLocation) {
    return null;
  }

  return (
    <div className="flex items-center gap-1">
      <MapPin className="w-4 h-4" />
      {personalLocation}
    </div>
  );
}