feat: glass placeholder

Author: toto04

src/components/glass.tsx

@@ -0,0 +1,11 @@
+import { cn } from "@/lib/utils"
+
+type GlassProps = React.HTMLAttributes<HTMLDivElement>
+
+export function Glass({ children, ...props }: GlassProps) {
+  return (
+    <div {...props} className={cn("backdrop-blur-md rounded-lg border border-gray-200 p-4", props.className)}>
+      {children}
+    </div>
+  )
+}

src/lib/utils.ts

@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}