<script setup>
import BlockSlot from './BlockSlot.vue';

defineProps({
    block: {
        type: Object,
        required: true,
    },
    activeLang: {
        type: String,
        default: '',
    },
});
</script>

<template>
    <section class="block-two-columns">
        <BlockSlot
            :slot-data="block.left"
            :block-id="block.id"
            slot-key="left"
            :active-lang="activeLang"
            :column="true"
        />
        <BlockSlot
            :slot-data="block.right"
            :block-id="block.id"
            slot-key="right"
            :active-lang="activeLang"
            :column="true"
        />
    </section>
</template>

<style scoped>
.block-two-columns {
    align-items: center;
    display: grid;
    gap: 1.4rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
</style>
