<script setup lang="ts">
import type { PageDataResourceGroup } from '#layers/types/api/pageData'

const props = defineProps<{
  resourcesData: PageDataResourceGroup
}>()
</script>

<template>
  <p class="description">
    <BlocksVisualContent :resources-data="props.resourcesData" />
  </p>
</template>

<style scoped>
.description {
  @apply line-clamp-4 text-[15px] font-[400] leading-[24px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:line-clamp-3 md:text-[20px] md:leading-[30px];
}
</style>
