<template>
  <div
    class="flex items-center text-white"
    :class="{
      'sticky top-0': isSticky,
    }"
  >
    <nuxt-link :to="{ name: 'home' }">
      <SpriteSymbol name="logo" class="aspect-[128/32] h-10" />
    </nuxt-link>
  </div>
</template>

<script lang="ts" setup>
defineProps<{
  isSticky: boolean
}>()
</script>
