feat: add glass component system -- GlassCard, GlassPanel, GlassDivider

2026-07-28 08:20:33 +07:00
parent f4299aea9f
commit 44721913a2
4 changed files with 76 additions and 0 deletions
@@ -0,0 +1,28 @@
+"use client";
+
+import { cn } from "@/lib/utils";
+import type { ComponentPropsWithoutRef } from "react";
+
+interface GlassPanelProps extends ComponentPropsWithoutRef<"div"> {
+  dense?: boolean;
+}
+
+export function GlassPanel({
+  dense = false,
+  className,
+  children,
+  ...props
+}: GlassPanelProps) {
+  return (
+    <div
+      className={cn(
+        "glass rounded-[var(--radius-panel)]",
+        dense ? "p-3" : "p-4",
+        className,
+      )}
+      {...props}
+    >
+      {children}
+    </div>
+  );
+}