<script lang='ts' setup>
import type { TradableData } from "@/api/types";

const props = defineProps<{
  data: TradableData | null;
}>();

const { t } = useI18n();
</script>

<template>
  <div>
    <div>
      <div class="font-semibold">
        关于
      </div>
      <div class="text-xs mt-2">
        {{ data?.product?.description || t('market.tradeRwa.noDescription') }}
      </div>
    </div>

    <!-- document -->
    <div class="mt-5">
      <div class="font-semibold mb-4">
        相关文档
      </div>

      <ui-file-preview :file-ids="props.data?.product?.proofDocumentIds || []" />
    </div>
  </div>
</template>

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