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"
    >
      <svg
        viewBox="0 0 16 16"
        fill="currentColor"
        className={size === "md" ? "h-3.5 w-3.5" : "h-3 w-3"}
        aria-hidden="true"
      >
        <path d="M8 0l2.09 1.74L12.86 1.5l.64 2.78 2.5 1.5-1.5 2.5.5 2.86-2.78.64-1.5 2.5-2.72-.59L5.5 14.5 4 12 1.5 11.36 2 8.5.5 6 3 4.5l.64-2.78 2.77.24L8 0zm-1.07 9.4l4.6-4.6-1.06-1.06-3.54 3.54-1.41-1.42-1.06 1.06 2.47 2.48z" />
      </svg>
      Verified
    </span>
  );
}