<script lang="ts" setup>
  import { Tooltip } from 'ant-design-vue';
  import { formatToDateTime } from '/@/utils/dateUtil';
  const props = defineProps<{
    time?: number | null;
  }>();

  const formatDate = (time?: Nullable<number>) => {
    return props.time ? formatToDateTime(time, 'YYYY-MM-DD HH:mm:ss') : '暂无更新时间';
  };
</script>

<template>
  <div class="flex p-5 justify-center items-center text-gray-400 text-xs w-full dark:text-light-50">
    <Tooltip :title="formatDate(time)">
      <div class="truncate px-1">
        <span>更新时间:</span>
        <span class="ml-2">{{ formatDate(time) }}</span>
      </div>
    </Tooltip>
  </div>
</template>