<!-- component -->
<style>
    .nav-link.active {
      background-color: #082a0c; /* Contoh perubahan warna */
      color: rgb(1, 3, 1); /* Contoh perubahan warna teks */
  }
  </style>
  <nav class="relative select-none bg-success lg:flex  w-full">
      <div class="flex flex-no-shrink items-stretch h-10">
        <a class="nav-link {{ Request::routeIs('Form-Nota-Belanja') ? 'active' : '' }} flex-no-grow flex-no-shrink relative py-2 px-4 leading-normal text-white no-underline flex items-center hover:bg-grey-dark" href="{{ route('Form-Nota-Belanja') }}">Nota Belanja</a>
        <a class="nav-link {{ Request::routeIs('list-transaksi-lunas') ? 'active' : '' }} flex-no-grow flex-no-shrink relative py-2 px-4 leading-normal text-white no-underline flex items-center hover:bg-grey-dark" href="{{ route('list-transaksi-lunas') }}">Cek all laporan belanja</a>
      </div>
  </nav>