<script lang="ts" setup>
    import type { PropType } from 'vue'
    import type { ErrorLogInfo } from '/#/store'
    import { BasicModal } from '/@/components/Modal/index'
    import { Description, useDescription } from '/@/components/Description/index'
    import { useI18n } from '/@/hooks/web/useI18n'
    import { getDescSchema } from './data'

    defineProps({
        info: {
            type: Object as PropType<ErrorLogInfo>,
            default: null,
        },
    })

    const { t } = useI18n()

    const [register] = useDescription({
        column: 2,
        schema: getDescSchema()!,
    })
</script>

<template>
    <BasicModal :width="800" :title="t('sys.errorLog.tableActionDesc')" v-bind="$attrs">
        <Description :data="info" @register="register" />
    </BasicModal>
</template>
