import { cn } from '@/lib/utils';
import { useMitt } from '@/plugins/MittContext';
import useLocalSettingsStore from '@/stores/localSettingsStore';

const EditorHeader = ({ className = '', onNavClick = () => {}, isNavActive = false }) => {
    const { getSetting } = useLocalSettingsStore();

    const emitter = useMitt();

    const openUpgradeSheet = () => {
        emitter.emit('openUpgradeSheet');
    };

    return (
        <div className={cn('flex w-full items-center justify-center', className)}>
            <h1 className="font-display ml-0 text-lg tracking-wide md:ml-3 md:text-xl">
                <span className="text-foreground">MEME</span>
                <span className="text-muted-foreground">FAST</span>
            </h1>
        </div>
        // <div className={cn('flex w-full items-center justify-between rounded-xl bg-white p-2 shadow-sm dark:bg-neutral-800', className)}>
        //     <Button onClick={onNavClick} variant="outline" size="icon" className="invisible rounded">
        //         <Menu className="h-8 w-8" />
        //     </Button>

        //     <h1 className="font-display ml-0 text-lg tracking-wide md:ml-3 md:text-xl">
        //         <span className="text-foreground">MEME</span>
        //         <span className="text-muted-foreground">FAST</span>
        //     </h1>

        //     <Button
        //         variant="outline"
        //         className="invisible inline-flex gap-1 rounded"
        //         onClick={() => {
        //             openUpgradeSheet();
        //         }}
        //     >
        //         {/* <span className="text-sm font-semibold">0</span> */}
        //         <CartIcon className="h-8 w-8" />
        //     </Button>
        // </div>
    );
};

export default EditorHeader;
