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-xl p-2 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-lg md:text-xl font-display tracking-wide ml-0 md:ml-3">MEMEAIGEN</h1>

        <Button variant="outline" className="rounded inline-flex gap-1">
        <span className="text-sm font-semibold">100</span>
        <CoinIcon className="w-8 h-8" />
        </Button>

    </div>
  )
}

export default EditorHeader;
