0
0
mirror of https://github.com/yude-jp/yude.jp synced 2024-06-09 23:36:01 +09:00
yude.jp/pages/components/Navbar.js

25 lines
720 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 />
</div>
</nav>
</>
);
};
export default Navbar