<script setup>
import licenseText from '../assets/license.md?raw'
import { renderMarkdown } from '../utils/markdown.js'
import ModalDialog from './ModalDialog.vue'

defineEmits(['close'])

const licenseHtml = renderMarkdown(licenseText)
</script>

<template>
  <ModalDialog :title="$t('about.licenseBtn')" wide @close="$emit('close')">
    <div class="license-body" data-testid="license-dialog-content" v-html="licenseHtml"></div>
  </ModalDialog>
</template>

<style scoped>
.license-body {
  font-size: 13px;
  line-height: 1.7;
  color: var(--front-color1);
}
</style>
