import "tailwindcss/tailwind.css";
import Popper from "popper.js";
import Link from 'next/link';
import LangSelector from "./LangSelector"
import { useState } from 'react';

const Navbar = () => {
    const [active, setActive] = useState(false);
  
    const handleClick = () => {
      setActive(!active);
    };

    return (
      <>
        <nav className='flex items-center flex-wrap p-3 '>
        <Link href='/'>
          <a className='inline-flex items-center p-2 mr-4 '>
            <span className='text-xl text-black font-bold tracking-wide'>
              yude.jp
            </span>
          </a>
        </Link>
            
            <div className="origin-top-right absolute right-0">
                <LangSelector />
            </div>
      </nav>
      </>
        );
    };
export default Navbar