import { jsxs as r, jsx as l, Fragment as c } from "react/jsx-runtime";
import { IconImageStack as a, IconArrowCircleUp as m } from "@frontify/fondue-icons";
const d = ({
  asset: e,
  isLoading: t = !1,
  hideSize: w = !1,
  hideExtension: o = !1
}) => {
  let n = t ? "Uploading" : "Uploaded";
  return (e == null ? void 0 : e.source) === "library" && (n = e.sourceName), /* @__PURE__ */ r("span", { className: "tw-max-w-full tw-flex tw-flex-row tw-items-center tw-gap-1 tw-text-black-80 tw-text-xxs tw-overflow-hidden", children: [
    /* @__PURE__ */ l("div", { className: "tw-flex-none tw-inline-flex tw-items-center tw-justify-center", children: (e == null ? void 0 : e.source) === "library" ? /* @__PURE__ */ l(a, {}) : /* @__PURE__ */ l(m, {}) }),
    n && /* @__PURE__ */ l("span", { className: "tw-whitespace-nowrap", children: n }),
    e && !t && /* @__PURE__ */ r(c, { children: [
      /* @__PURE__ */ l(i, { label: e.extension, hide: o }),
      /* @__PURE__ */ l(i, { label: e.size, hide: w })
    ] })
  ] });
};
d.displayName = "FondueAssetSubline";
const i = ({ label: e, hide: t }) => t || !e ? null : /* @__PURE__ */ r(c, { children: [
  /* @__PURE__ */ l("span", { className: "tw-text-m tw-text-black-20 tw-h-4 tw-flex tw-items-center", children: "•" }),
  /* @__PURE__ */ l("span", { className: "tw-whitespace-nowrap", children: e })
] });
i.displayName = "FondueFileInfo";
export {
  d as AssetSubline
};
//# sourceMappingURL=AssetSubline.es.js.map
