<template>
    <section class="strapi-diptych">
        <strapi-media v-bind="props.left_media" />
        <strapi-media v-bind="props.right_media" />
    </section>
</template>

<script setup>
const props = defineProps({
    left_media: Object,
    right_media: Object,
})
</script>

<style lang="scss">
.strapi-diptych {
    grid-template-columns: 1fr 1fr;
    display: grid;
    gap: var(--layout-column-gap);
}
</style>
