import Link from "next/link";
import { cn } from "@/lib/utils"


const Break = ()=> <hr className={cn("w-100")}></hr>

const Navbar = () => {
    return (
        <div className={cn("bg-666666 pt-1 pb-1")}>
            <Break/>
            <div className={cn("flex h-20 text-white justify-around items-center")}>
                <Link href="/">
                    <div>Home</div>
                </Link>
                <Link href="/blog">
                    <div>Blog</div>
                </Link>
                <Link href="/tools">
                    <div>Tools</div>
                </Link>
                <Link href="/demos">
                    <div>Demos</div>
                </Link>
                <Link href="/login">
                    <div>Login</div>
                </Link>
                <br></br>
            </div>
            <Break/>
        </div>
    );
}

export default Navbar;