<template>
  <header
    id="header"
    class="fixed top-0 left-0 w-screen bg-white h-16 px-4 py-3 shadow-md"
  >
    <router-link to="/" class="flex w-auto h-full items-center">
      <img
        class="h-full mr-4"
        src="https://avatars2.githubusercontent.com/u/1080062?s=200&v=4"
        alt="PeopleDoc - Icon"
      />
      <h1 class="text-2xl font-light tracking-wide">Ghibli</h1>
    </router-link>
  </header>
</template>

<script>
export default {
  name: "Header"
};
</script>

<style></style>
