1  // src/components/Button.tsx
 2  import React from "react";
 3  import clsx from "clsx";
 4  
 5  type ButtonProps = {
 6    children: React.ReactNode;
 7    variant?: "outlined" | "filled";
 8    onClick?: () => void;
 9    className?: string
10  };
11  
12  const Button = ({ children, variant = "outlined", onClick , className }: ButtonProps) => {
13    return (
14      <button
15        onClick={onClick}
16        className={clsx(
17          "px-4 py-1 rounded-[10px] font-space font-medium transition-all cursor-pointer",className,
18          variant === "outlined"
19            ? "border border-white text-white hover:bg-white hover:text-black"
20            : "bg-blue-500 text-white hover:bg-blue-600"
21        )}
22      >
23        {children}
24      </button>
25    );
26  };
27  
28  export default Button;