<template>
    <div class="flex flex-col gap-5">
        <div class="text-sm">
            <p class="text-gray-200 mb-1.5 text-xs">
                {{ $t("Register.cover_letter") }}
            </p>
            <p class="text-sm font-medium text-gray-300">
                {{ proposal.cover_letter }}
            </p>
        </div>
        <div class="text-sm">
            <p class="text-gray-200 mb-1.5 text-xs">
                {{ $t("Register.serves_let") }}
            </p>
            <p class="text-sm font-medium text-gray-300">
                {{ proposal.description }}
            </p>
        </div>
    </div>
</template>

<script>
export default {
    props: {
        proposal: {
            type: Object,
            required: true,
        },
    },
};
</script>
