yude.jp/pages/components/Navbar.js

26 lines
775 B
JavaScript

import "tailwindcss/tailwind.css";
import Link from 'next/link';
import LangSelector from "./LangSelector"
import ThemeSelector from "./ThemeSelector"
const Navbar = () => {
return (
<>
<nav className='flex items-center flex-wrap p-3'>
<Link href='/'>
<a className='inline-flex items-center p-2'>
<span className='text-xl text-black font-bold tracking-wide dark:text-white font-mono animate-heartbeat'>
yude.jp
</span>
</a>
</Link>
<div className="absolute right-0">
<ThemeSelector />
{/* <LangSelector /> */}
<LanguageSwitcher lang="ja" />
</div>
</nav>
</>
);
};
export default Navbar