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

interface Props {
  resourcesData: PageDataResourceGroup
  tag?: 'h3' | 'h4' | 'p'
}

const props = withDefaults(defineProps<Props>(), {
  tag: 'h3',
})
</script>

<template>
  <component :is="props.tag" v-motion-stagger>
    <BlocksVisualContent :resources-data="props.resourcesData" />
  </component>
</template>
