27 lines
792 B
TypeScript
27 lines
792 B
TypeScript
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 w-full", 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;
|