import { dq as getFilenameDetails } from "./index-BqxAUePh.js";
import { _ as _sfc_main$1 } from "./MediaTitle.vue_vue_type_script_setup_true_lang-Cagtukl2.js";
import { bq as defineComponent, E as computed, c as createElementBlock, d as openBlock, z as createVNode, e as createBaseVNode, q as createCommentVNode, u as toDisplayString } from "./vendor-other-DdEHkzYa.js";
import "./vendor-primevue-DmDWdkDd.js";
import "./vendor-vue-BIRc7P93.js";
import "./vendor-xterm-BF8peZ5_.js";
import "./vendor-three-_gcZkhit.js";
import "./vendor-tiptap-B76LFN34.js";
const _hoisted_1 = { class: "flex flex-col items-center gap-1" };
const _hoisted_2 = { class: "flex items-center text-xs text-zinc-400" };
const _hoisted_3 = { key: 0 };
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "MediaImageBottom",
  props: {
    asset: {}
  },
  setup(__props) {
    const fileName = computed(() => {
      return getFilenameDetails(__props.asset.name).filename;
    });
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", _hoisted_1, [
        createVNode(_sfc_main$1, { "file-name": fileName.value }, null, 8, ["file-name"]),
        createBaseVNode("div", _hoisted_2, [
          _ctx.asset.dimensions ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(_ctx.asset.dimensions?.width) + "x" + toDisplayString(_ctx.asset.dimensions?.height), 1)) : createCommentVNode("", true)
        ])
      ]);
    };
  }
});
export {
  _sfc_main as default
};
//# sourceMappingURL=MediaImageBottom-Bd4M6dHo.js.map
