Upload components/EmptyState.js with huggingface_hub

components/EmptyState.js

@@ -0,0 +1,25 @@
+import { Receipt } from 'lucide-react';
+
+export default function EmptyState({ onAddTransaction }) {
+  return (
+    <div className="text-center py-16">
+      <div className="inline-flex items-center justify-center w-16 h-16 bg-neutral-100 rounded-full mb-4">
+        <Receipt className="w-8 h-8 text-neutral-400" />
+      </div>
+      <h3 className="text-lg font-medium text-neutral-800 mb-2">
+        No transactions yet
+      </h3>
+      <p className="text-neutral-500 mb-6 max-w-sm mx-auto">
+        Start tracking your income and expenses to see your profit overview here.
+      </p>
+      <div className="flex gap-3 justify-center">
+        <button onClick={() => onAddTransaction('income')} className="btn-success">
+          Add Income
+        </button>
+        <button onClick={() => onAddTransaction('expense')} className="btn-danger">
+          Add Expense
+        </button>
+      </div>
+    </div>
+  );
+}