import { cn } from '@/lib/utils';
import { Link } from '@inertiajs/react';
import { route } from 'ziggy-js';

const BrandLogo = ({ className = '', onNavClick = () => {}, isNavActive = false }) => {
    return (
        <Link href={route('home')} className={cn('flex w-full items-center justify-center gap-2 transition-opacity hover:opacity-80', className)}>
            <img alt="MEMEFA.ST LOGO" className="h-10 w-10" src="/logo/memefast-logo-144.png"></img>

            <div className="font-display ml-0 text-lg tracking-wide md:ml-3 md:text-xl">
                <span className="text-foreground">MEME</span>
                <span className="text-[#00DD00] dark:text-[#00FF00]">FA.ST</span>
            </div>
        </Link>
    );
};

export default BrandLogo;
