import cn from 'classnames' import { FC } from 'react' import s from './Navbar.module.css' import { Logo, Container } from '@components/ui' import { Searchbar } from '@components/core' import { UserNav } from '@components/core' interface Props { className?: string } const Navbar: FC<Props> = ({ className }) => { const rootClassName = cn(s.root, className) return ( <Container className={rootClassName}> <Logo /> <div className="flex flex-row h-full content-center flex-1 ml-10"> <nav className="hidden flex-row items-center px-3 lg:flex"> <a className="pr-4">All</a> <a className="pr-4">Clothes</a> <a>Accesories</a> </nav> <Searchbar /> </div> <UserNav /> </Container> ) } export default Navbar