<template>
  <QuestionSummary :title="props.title" :text="props.text">
    <h5 class="mb-8 text-base">{{ answers.length }} {{ $t("feedback.answers") }}</h5>
    <ol>
      <li v-for="answer of props.answers" :key="answer" class="mb-2 last:mb-0">
        <p>{{ answer }}</p>
      </li>
    </ol>
  </QuestionSummary>
</template>

<script setup lang="ts">
import QuestionSummary from "@/components/ui/QuestionSummary.vue";

const props = defineProps<{
  answers: string[];
  title: string;
  text: string;
}>();
</script>

<style lang="postcss" scoped></style>
