mirror of
https://github.com/RealKai42/qwerty-learner.git
synced 2026-04-05 06:19:08 +08:00
22 lines
798 B
TypeScript
22 lines
798 B
TypeScript
import React from 'react'
|
|
import { NavLink } from 'react-router-dom'
|
|
import { ReactComponent as Logo } from 'assets/logo.svg'
|
|
|
|
const Header: React.FC = ({ children }) => {
|
|
return (
|
|
<nav className="w-full container mx-auto px-10 py-6">
|
|
<div className="w-full flex items-center justify-between">
|
|
<NavLink className="flex items-center text-indigo-400 no-underline hover:no-underline font-bold text-2xl lg:text-4xl" to="/">
|
|
<Logo className="w-16 h-16 mr-3" />
|
|
Qwerty Learner
|
|
</NavLink>
|
|
<div className="flex bg-white dark:bg-gray-800 transition-colors duration-300 justify-end content-center items-center space-x-3 card rounded-large w-auto on element p-4">
|
|
{children}
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
)
|
|
}
|
|
|
|
export default Header
|