ff-webpage/components/dynamicZone/DualColumnText.vue

<template>
  <div class="flex flex-col md:flex-row 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/dynamicZoneDualColumnText";

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