import Image from 'next/image';
import styles from '../styles/components/Menu.module.css';
import Link from 'next/link';
import logo from "../public/img/logoblue.png";
import ThemeToggle from './themetoggle';

export default function Menu() {
    return (
        <menu className={styles.menu}>
            <div className="container">
                <Link href="/">
                    <a>
                        <Image src={logo} alt="dubbelnull logo" />
                        <h2>{process.env.NEXT_PUBLIC_NAME?.toUpperCase()}</h2>
                    </a>
                </Link>

                <div>
                    <Link href="/about">About</Link>
                    <div className={styles.disabled}><Link href="">Blog</Link></div>
                    <div className={styles.disabled}><Link href="">Showcase</Link></div>
                    <div className={styles.disabled}><Link href="">Services</Link></div>
                    <div className={styles.disabled}><Link href="">Contact</Link></div>
                    <ThemeToggle />
                </div>
            </div>
        </menu>
    )
}