<template>
  <div style="height: calc(100vh - 105px);"  class="flex  flex-col items-center justify-center space-y-10">
    <img src="~/assets/img/empty.png" class="h-80 object-cover" />
    <div class="text-base text-[#999999]">{{ title }}</div>
    <NuxtLink
      to="/note-create"
      class="flex cursor-pointer items-center justify-center space-x-10 rounded-sm bg-primary px-20 py-5 text-base text-white hover:opacity-80"
    >
      去写游记
    </NuxtLink>
  </div>
</template>

<script setup>
defineProps({
  title: {
    type: String,
    default: '暂无游记'
  }
})
</script>

<style lang="scss" scoped></style>
