import { MapPin } from 'lucide-react';

interface LocationDisplayProps {
  location: {
    city?: string;
    country: string;
  } | null | undefined;
}

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

  return (
    <div className="flex items-center gap-1">
      <MapPin className="w-4 h-4" />
      {location.city ? `${location.city}, ${location.country}` : location.country}
    </div>
  );
}