Update

resources/js/modules/editor/partials/editor-header.tsx

@@ -0,0 +1,26 @@
+import { Button } from "@/components/ui/button"
+import { cn } from "@/lib/utils"
+import CoinIcon from "@/reusables/coin-icon"
+import { Menu, Coins } from "lucide-react"
+
+const EditorHeader = (
+    {className = ''}
+) => {
+  return (
+      <div className={cn("bg-white rounded-3xl p-4 flex items-center justify-between shadow-sm", className)}>
+      <Button variant="outline" size="icon" className="rounded">
+        <Menu className="h-8 w-8" />
+      </Button>
+
+        <h1 className="text-xl font-display tracking-wide ml-3">MEMEAIGEN</h1>
+
+        <Button variant="outline" className="rounded-full inline-flex gap-1">
+        <span className="text-sm font-semibold">100</span>
+        <CoinIcon className="w-8 h-8" />
+        </Button>
+
+    </div>
+  )
+}
+
+export default EditorHeader;