import { BadgeCheck } from "lucide-react";

type Size = "sm" | "md";

export function VerifiedBadge({ size = "sm" }: { size?: Size }) {
  const cls =
    size === "md" ? "px-2.5 py-1 text-xs" : "px-2 py-0.5 text-[10px]";
  return (
    <span
      className={`inline-flex items-center gap-1 rounded-full bg-primary-50 font-semibold text-primary-700 ring-1 ring-primary-200 ${cls}`}
      title="Organizer terverifikasi SeTrip"
    >
      <BadgeCheck
        size={size === "md" ? 14 : 12}
        strokeWidth={1.75}
        aria-hidden
      />
      Verified
    </span>
  );
}
