import { ref as a, onMounted as i, useObjectUrl as r, openBlock as d, createElementBlock as f, createBaseVNode as e, toDisplayString as s, unref as o, prettyBytes as u } from "./composables-61bf5e40.js";
const _ = { class: "p-2 border-1 gap-4 flex flex-col" }, m = { class: "flex flex-wrap gap-4" }, p = { class: "font-bold" }, b = { class: "text-sm" }, h = { class: "font-mono" }, x = ["src"], B = {
  __name: "FileCard",
  props: {
    file: {
      type: Object,
      default: null
    }
  },
  setup(t) {
    const c = t, l = a();
    i(async () => {
      l.value = await c.file.blob();
    });
    const n = r(l);
    return (g, v) => (d(), f("div", _, [
      e("div", m, [
        e("div", p, s(t.file.name), 1),
        e("div", b, s(t.file.type), 1),
        e("div", h, s(o(u)(t.file.length)), 1)
      ]),
      e("img", {
        class: "w-full",
        src: o(n)
      }, null, 8, x)
    ]));
  }
};
export {
  B as default
};
//# sourceMappingURL=FileCard-d9389985.js.map
