demeter

Autonomous Hydroponic Intelligence

frontend/src/components/ui/IconButton.jsx (602B)


 1export default function IconButton({
 2  onClick,
 3  children,
 4  className = "",
 5  style = {},
 6  ...props
 7}) {
 8  return (
 9    <button
10      onClick={onClick}
11      className={className}
12      style={{
13        width: 34,
14        height: 34,
15        borderRadius: 8,
16        background: "var(--surface)",
17        border: "1px solid var(--border)",
18        color: "var(--text-3)",
19        display: "flex",
20        alignItems: "center",
21        justifyContent: "center",
22        cursor: "pointer",
23        flexShrink: 0,
24        ...style,
25      }}
26      {...props}
27    >
28      {children}
29    </button>
30  );
31}