import { dq as getFilenameDetails, dj as formatSize } 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, q as createCommentVNode, e as createBaseVNode, u as toDisplayString, br as unref } 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 = {
  key: 0,
  class: "flex items-center gap-2 text-xs text-zinc-400"
};
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "MediaAudioBottom",
  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"]),
        _ctx.asset.size ? (openBlock(), createElementBlock("div", _hoisted_2, [
          createBaseVNode("span", null, toDisplayString(unref(formatSize)(_ctx.asset.size)), 1)
        ])) : createCommentVNode("", true)
      ]);
    };
  }
});
export {
  _sfc_main as default
};
//# sourceMappingURL=MediaAudioBottom-v4U8_pF9.js.map
