<template>
  <div>
    <div class="text-xs text-gray-400 text-center mt-5 ">
      {{ timestampFormat(created_at) }}
    </div>
    <div class="text-center mt-2">
    <img :src="src" class="w-83 h-22 object-cover object-center inline-block" />
    </div>
  </div>
</template>

<script lang="ts" setup>
import { onMounted } from "@vue/runtime-core";
import { timestampFormat } from "@/utils/time";
import { getImageSrcFromFileHash } from "@/service/FileService";
import { ref } from "vue"
const props = defineProps({
  created_at: Number,
  file_name: String,
});

const src = ref(getImageSrcFromFileHash(props.file_name as string));

</script>

<style scoped>
</style>