interface StoreBadgeProps {
  name: string;
  location?: string;
  /** Single character or short string for avatar */
  initial?: string;
}

export function StoreBadge({ name, location, initial }: StoreBadgeProps) {
  const avatarLetter = initial || name.charAt(0).toUpperCase();

  return (
    <div className="flex items-center gap-2.5">
      <div className="w-9 h-9 rounded bg-forest-600 text-white flex items-center justify-center text-sm font-bold shrink-0">
        {avatarLetter}
      </div>
      <div>
        <div className="text-sm font-semibold text-slate-900">{name}</div>
        {location && (
          <div className="text-xs text-slate-400">{location}</div>
        )}
      </div>
    </div>
  );
}