import { cn } from "@/lib/utils";

interface BadgeProps {
  children: React.ReactNode;
  variant?: "default" | "popular" | "privat" | "business";
}

const variants = {
  default: "bg-neutral-100 text-neutral-700",
  popular: "bg-primary-100 text-primary-800",
  privat: "bg-blue-100 text-blue-800",
  business: "bg-amber-100 text-amber-800",
};

export default function Badge({ children, variant = "default" }: BadgeProps) {
  return (
    <span
      className={cn(
        "inline-block rounded-full px-3 py-1 text-xs font-semibold uppercase tracking-wide",
        variants[variant]
      )}
    >
      {children}
    </span>
  );
}
