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;