<script setup lang="ts">
import ItFullScreenModal from "@/components/ui/ItFullScreenModal.vue";
import type { CircleType } from "@/types";
import RichText from "@/components/ui/RichText.vue";

defineProps<{
  circle: CircleType;
  show: boolean;
}>();

const emit = defineEmits(["closemodal"]);
</script>

<template>
  <ItFullScreenModal :show="show" @closemodal="emit('closemodal')">
    <div v-if="circle" class="container-medium">
      <h2 data-cy="lc-title">{{ $t("a.Übersicht") }}: Circle «{{ circle.title }}»</h2>
      <RichText v-if="circle.goals" class="my-4" :content="circle.goals" />
    </div>
  </ItFullScreenModal>
</template>

<style scoped></style>
