feat: initialize drainage network frontend

2026-07-10 16:16:17 +08:00
commit 66de96d9e4
133 changed files with 33057 additions and 0 deletions
@@ -0,0 +1,24 @@
+type IconButtonProps = {
+  label: string;
+  children: React.ReactNode;
+  onClick?: () => void;
+  active?: boolean;
+};
+
+export function IconButton({ label, children, onClick, active = false }: IconButtonProps) {
+  return (
+    <button
+      type="button"
+      aria-label={label}
+      title={label}
+      onClick={onClick}
+      className={`grid h-10 w-10 place-items-center rounded border transition ${
+        active
+          ? "border-slate-800 bg-slate-900 text-white"
+          : "border-white/60 bg-white/80 text-slate-700 shadow-sm hover:bg-white"
+      }`}
+    >
+      {children}
+    </button>
+  );
+}