From 33a6742411e27d2af81f1ab7d17d3f72ac17b75e Mon Sep 17 00:00:00 2001
From: arsam <me@asabbagh.com>
Date: Fri, 18 Sep 2026 23:17:33 +0330
Subject: [PATCH] Import source: vault/components/empty-state

Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality.
---
 vault/components/empty-state.tsx | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 vault/components/empty-state.tsx

diff --git a/vault/components/empty-state.tsx b/vault/components/empty-state.tsx
new file mode 100644
index 0000000..3238e9c
--- /dev/null
+++ b/vault/components/empty-state.tsx
@@ -0,0 +1,28 @@
+"use client";
+
+import { motion } from "framer-motion";
+import { Code2 } from "lucide-react";
+
+interface EmptyStateProps {
+  title?: string;
+  description?: string;
+}
+
+export function EmptyState({
+  title = "No snippets yet",
+  description = "Create your first snippet to get started.",
+}: EmptyStateProps) {
+  return (
+    <motion.div
+      initial={false}
+      animate={{ opacity: 1, scale: 1 }}
+      className="flex flex-col items-center justify-center py-20 text-center"
+    >
+      <div className="mb-4 flex h-16 w-16 items-center justify-center rounded-2xl bg-primary/10 animate-float">
+        <Code2 className="h-8 w-8 text-primary" />
+      </div>
+      <h3 className="text-lg font-semibold mb-1">{title}</h3>
+      <p className="text-sm text-muted-foreground max-w-xs">{description}</p>
+    </motion.div>
+  );
+}