import { cn } from "@/shared/utils";
import type { LucideIcon } from "lucide-react";

interface TrustBadgeProps {
  icon?: LucideIcon;
  text: string;
  className?: string;
}

/**
 * Trust badge for hero sections - establishes credibility
 */
export function TrustBadge({ icon: Icon, text, className }: TrustBadgeProps) {
  return (
    <span
      className={cn(
        "inline-flex items-center gap-2 rounded-full",
        "bg-primary/8 border border-primary/15 px-4 py-2",
        "text-sm font-medium text-primary",
        className
      )}
    >
      {Icon && <Icon className="h-4 w-4" />}
      {text}
    </span>
  );
}
