import { cn } from "@/app/lib/cn";
import { FC } from "react";

export type ButtonVariant = "primary" | "outline";

type Props = {
  variant?: ButtonVariant;
  className?: string;
} & React.ButtonHTMLAttributes<HTMLButtonElement>;

const Button: FC<Props> = ({ variant = "primary", className, children, ...rest }) => {
  return (
    <button
      className={cn(
        "inline-flex h-10 items-center justify-center rounded-full px-6 text-sm transition-colors disabled:pointer-events-none disabled:opacity-50",
        variant === "primary" && "bg-primary text-white hover:bg-primary/90",
        variant === "outline" && "border border-primary bg-transparent text-primary hover:bg-primary/10",
        className,
      )}
      {...rest}
    >
      {children}
    </button>
  );
};

export default Button;
