You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
nx-guitar-school/apps/website/components/header-auth/header-auth.tsx

29 lines
1.1 KiB

import styles from './header-auth.module.scss';
import {useRouter} from "next/router";
export function HeaderAuth() {
const router = useRouter();
const goBack = (event) => {
router.back();
}
return (
<nav className="bg-white border-gray-200 px-2 sm:px-4 py-2.5 rounded dark:bg-gray-900">
<div className="container flex flex-wrap items-center justify-between mx-auto">
<div className="flex md:order-2">
<button type="button"
onClick={(event) => goBack(event)}
className="py-2.5 px-5 mr-2 mb-2 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">
Retour au site
</button>
</div>
<div className="items-center justify-between hidden w-full md:flex md:w-auto md:order-1"
id="navbar-sticky"></div>
</div>
</nav>
);
}
export default HeaderAuth;