<template>
    <div class="h-full box-border wh-full!">
        <slot name="edit-node">
            <slot v-for="item in children" name="node" :componentSchema="item" />
        </slot>
    </div>
</template>
<script lang="ts" setup>
import { computed } from "vue";
import { ComponentSchema } from "@/components/EpicDesigner/types/epic-designer";

const props = defineProps<{
    componentSchema: ComponentSchema;
}>();

const children = computed(() => {
    return props.componentSchema.children ?? [];
});
</script>
