demeter

 1export default function PrimaryButton({
 2  onClick,
 3  children,
 4  icon: Icon,
 5  className = "",
 6  style = {},
 7  ...props
 8}) {
 9  return (
10    <button
11      onClick={onClick}
12      className={className}
13      style={{
14        display: "flex",
15        alignItems: "center",
16        gap: 7,
17        padding: "8px 18px",
18        borderRadius: 10,
19        fontSize: 13,
20        fontWeight: 600,
21        background: "var(--green)",
22        border: "none",
23        color: "var(--btn-on-green)",
24        cursor: "pointer",
25        boxShadow: "0 0 16px rgba(74,222,128,0.2)",
26        flexShrink: 0,
27        ...style,
28      }}
29      {...props}
30    >
31      {Icon && <Icon size={15} />}
32      {children}
33    </button>
34  );
35}