<script setup lang="ts">
import DynamicLayout from '~/components/dynamic-page/page-section/layouts/index.vue';

const emit = defineEmits(['dropComponent', 'dropData', 'selectComponent']);
const props = defineProps<{
    label?: any
    layout?: string
    settings?: any
    content?: any

    section: any
}>()
</script>

<template>
    <section class="section-container">
        <h2 class="text-4xl mb-3 font-600" v-if="props.label">{{ props.label || '' }}</h2>
        <div class="layout_define grid grid-cols-1 gap-x-10 gap-y-2.5">
            <template v-if="props.layout">
                <DynamicLayout
                    :layout="props.layout"
                    :content="props.content"
                    :settings="props.settings"
                    :section= "props.section"
                />
            </template>
        </div>
    </section>
</template>
