From 526d2b87a57eb23018fc91632b7746c16e3658ce Mon Sep 17 00:00:00 2001
From: alma <alma@governance-labs.org>
Date: Thu, 17 Apr 2025 13:50:11 +0200
Subject: [PATCH] solve mail backend 2

---
 components/mail/mail-toolbar.tsx | 34 ++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 components/mail/mail-toolbar.tsx

diff --git a/components/mail/mail-toolbar.tsx b/components/mail/mail-toolbar.tsx
new file mode 100644
index 00000000..96048531
--- /dev/null
+++ b/components/mail/mail-toolbar.tsx
@@ -0,0 +1,34 @@
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Search, RefreshCw, Plus } from 'lucide-react';
+
+interface MailToolbarProps {
+  onCompose?: () => void;
+  onRefresh?: () => void;
+  onSearch?: (query: string) => void;
+}
+
+export const MailToolbar = ({ onCompose, onRefresh, onSearch }: MailToolbarProps) => {
+  return (
+    <div className="flex items-center justify-between p-4 border-b">
+      <div className="flex items-center space-x-2">
+        <Button variant="ghost" size="icon" onClick={onRefresh}>
+          <RefreshCw className="h-4 w-4" />
+        </Button>
+        <Button variant="ghost" size="icon" onClick={onCompose}>
+          <Plus className="h-4 w-4" />
+        </Button>
+      </div>
+      <div className="flex-1 max-w-md mx-4">
+        <div className="relative">
+          <Search className="absolute left-2 top-2.5 h-4 w-4 text-gray-500" />
+          <Input
+            placeholder="Search emails..."
+            className="pl-8"
+            onChange={(e) => onSearch?.(e.target.value)}
+          />
+        </div>
+      </div>
+    </div>
+  );
+}; 
\ No newline at end of file