<template>
  <div class="h-screen fixed top-0 left-0 w-56 flex flex-col bg-gray-800 border-r border-gray-700 px-2 gap-y-1">
    <h1 class="font-bold text-primary-500 text-2xl text-center my-5" to="/">Polarcraft S5</h1>
    <NuxtLink class="text-lg flex items-center w-full rounded bg-black hover:bg-opacity-20 bg-opacity-0 hover:cursor-pointer p-2">
      <Icon size="1.5em" name="heroicons:chart-pie" class="mr-2" />
      Dashboard
    </NuxtLink>
    <NuxtLink class="text-lg flex items-center w-full rounded bg-black hover:bg-opacity-20 bg-opacity-0 hover:cursor-pointer p-2">
      <Icon size="1.5em" name="heroicons:chart-pie" class="mr-2" />
      Dashboard
    </NuxtLink>
  </div>
</template>
