demeter

Autonomous Hydroponic Intelligence
git clone https://github.com/maydayv7/demeter

FilterPill.jsx (650B)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
export default function FilterPill({
  active,
  onClick,
  children,
  className = "",
  style = {},
}) {
  return (
    <button
      onClick={onClick}
      className={className}
      style={{
        padding: "5px 12px",
        borderRadius: 20,
        fontSize: 11,
        fontFamily: "DM Mono, monospace",
        cursor: "pointer",
        background: active ? "rgba(74,222,128,0.15)" : "var(--surface)",
        border: `1px solid ${active ? "rgba(74,222,128,0.4)" : "var(--border)"}`,
        color: active ? "var(--green)" : "var(--text-3)",
        flexShrink: 0,
        ...style,
      }}
    >
      {children}
    </button>
  );
}