<template>
  <div class="flex flex-col md:flex-row gap-8 md:gap-4">
    <FieldContent :data="data?.left_side" />
    <FieldContent :data="data?.right_side" />
  </div>
</template>

<script setup lang="ts">
import type { PropType } from "vue";
import type DynamicZoneDualColumnText from "../../types/component/dynamic-zone/dualColumnText";

defineProps({
  data: Object as PropType<DynamicZoneDualColumnText>,
});
</script>