<template>
  <div class="flex-shrink-0 flex items-center gap-3">
    <router-link to="/" class="flex items-center gap-2 group">
      <div class="w-8 h-8 rounded-lg bg-gray-900 dark:bg-white flex items-center justify-center shadow-lg group-hover:scale-105 transition-transform duration-200">
        <i class="fas fa-layer-group text-white dark:text-gray-900 text-sm"></i>
      </div>
      <!--      <span class="font-bold text-xl tracking-tight text-gray-900 dark:text-white group-hover:opacity-80 transition-opacity"> Spritesheet generator </span>-->
    </router-link>
  </div>
</template>

<script setup lang="ts">
  import { RouterLink } from 'vue-router';
</script>
