<script setup>
</script>
<template>
    <div
        id="help"
        class="modal fade"
    >
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
            <div class="modal-content">
                <!-- Modal Header -->
                <div class="modal-header">
                    <h5 class="modal-title">
                        {{ $t("message.help") }}
                    </h5>
                    <button
                        type="button"
                        class="btn-close"
                        data-bs-dismiss="modal"
                    />
                </div>

                <!-- Modal Body -->
                <div
                    class="modal-body"
                    v-html="$t('message.helpModal')"
                />

                <!-- Modal Footer -->
                <div class="modal-footer">
                    <button
                        type="button"
                        class="btn btn-secondary"
                        data-bs-dismiss="modal"
                    >
                        {{ $t("message.close") }}
                    </button>
                </div>
            </div>
        </div>
    </div>
</template>
<style scoped>
</style>

