<template>

  <div class="navbar bg-primary border-b border-bottom-500 border-gray-500">
    <div class="basis-1/4 md:basis-1/4">
      <router-link :to="{ name: 'home' }">
        Auburn Oil
      </router-link>
    </div>
    <div class="basis-1/4 md:basis-1/2 justify-center text-center">

    </div>

    <div class="basis-1/2 md:basis-1/4 justify-end gap-5">
                <router-link :to="{ name: 'login' }">
                  <button class="btn btn-primary">Login</button>
                </router-link>
                      <router-link :to="{ name: 'register' }">
                  <button class="btn btn-primary">Register</button>
                </router-link>
    </div>
  </div>

</template>



<script lang="ts">

import { defineComponent } from "vue";



export default defineComponent({
  name: "HeaderNoAuth",
  mounted () {

  },
  data () {
    return {
      user: null,
      loaded: false,
      clicked: false,
      hovered: false,

    };
  },

  methods: {
  
  },
});
</script>

<style scoped>

</style>