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

export function Button({
  className,
  variant = "primary",
  children,
  ...props
}: React.ButtonHTMLAttributes<HTMLButtonElement> & {
  variant?: "primary" | "secondary" | "ghost";
}) {
  return (
    <button
      className={cn(
        "inline-flex h-9 items-center justify-center gap-2 rounded-md px-3 text-sm font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent disabled:pointer-events-none disabled:opacity-50",
        variant === "primary" && "bg-accent text-accent-foreground hover:bg-[#c90c41]",
        variant === "secondary" && "border border-border bg-white text-foreground hover:bg-[#f8f2f6]",
        variant === "ghost" && "text-foreground hover:bg-[#f8f2f6]",
        className
      )}
      {...props}
    >
      {children}
    </button>
  );
}