<script lang='ts' setup>
defineProps({
  item: Object as any,
})
</script>

<template>
  <div>
    <img :src="item.thumbnailUrl" alt="" srcset="" class="w-352px b-rd-16px h-320px object-cover">
    <h3 class="text-20px fw-700 line-clamp-2 text-#363C40 lh-24px !my-20px custom-title-font">
      {{ item.title }}
    </h3>
    <NuxtLink class="cursor-pointer" :to="{ name: 'collections-name', params: { name: item.slug } }">
      <div class="underline text-#C58C64 text-14px">
        View All
      </div>
    </NuxtLink>
  </div>
</template>
