import { ref as a, onMounted as i, useObjectUrl as d, openBlock as r, createElementBlock as f, createBaseVNode as e, unref as o, toDisplayString as s, prettyBytes as u } from "./composables-Ci32s3jE.js";
const _ = { class: "border-1 flex flex-col rounded" }, m = ["src"], p = { class: "flex flex-wrap gap-4 p-2" }, b = { class: "font-bold" }, h = { class: "text-sm" }, x = { class: "font-mono" }, 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 = d(l);
    return (v, y) => (r(), f("div", _, [
      e("img", {
        class: "w-full",
        src: o(n)
      }, null, 8, m),
      e("div", p, [
        e("div", b, s(t.file.name), 1),
        e("div", h, s(t.file.type), 1),
        e("div", x, s(o(u)(t.file.length)), 1)
      ])
    ]));
  }
};
export {
  B as default
};
//# sourceMappingURL=FileCard-CysfBukj.js.map
