<template>
    <div>
        <dt class="text-lg leading-6 font-medium text-gray-900">
            {{ item.question }}
        </dt>

        <dd
            class="mt-2 text-base text-gray-500"
            style="
                white-space: pre-wrap;
                word-wrap: break-word;
                font-family: inherit;
            "
            v-html="item.answer.replace(/(?:\r\n|\r|\n)/g, '<br />')"
        ></dd>
    </div>
</template>

<script setup lang="ts">
const props = defineProps({
    item: { type: Object, required: true },
});
</script>

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