import { useTranslation } from 'next-i18next'
import { useRouter } from 'next/router'
import { Button } from '../atoms/Button'

export const MenuNavbar = () => {
  const { t } = useTranslation()
  const router = useRouter()

  return (
    <div className="md:flex gap-3 hidden">
      {/* <Button className="!w-full py-2 px-4 flex justify-center" buttonClassName="content-center">
        {t('common:nombre1')}
      </Button>
      <Button className="!w-full py-2 px-4 flex justify-center" buttonClassName="content-center">
        {t('common:nombre2')}
      </Button> */}
      <Button
        className="!w-full py-2 px-4 flex justify-center cursor-pointer whitespace-nowrap	"
        onClick={() => router.push('login')}
      >
        {t('common:login')}
      </Button>
      <Button className="!w-full py-2 px-4 flex justify-center cursor-pointer" onClick={() => router.push('/register')}>
        {t('common:register')}
      </Button>
      {/* <Tab /> */}
    </div>
  )
}
