import { defineComponent as d, useCssModule as u, inject as m, computed as f, openBlock as _, createBlock as h, unref as s, normalizeClass as p } from "vue";
import { uniqueId as b } from "es-toolkit/compat";
import { I as k } from "./index-D6bxWkZ1.js";
import { _ as y } from "./_plugin-vue_export-helper-CHgC5LLL.js";
const M = [
  "batchbud",
  "biotrack",
  "blaze",
  "canix",
  "cannveya",
  "cova",
  "distru",
  "dutchie",
  "dynamics365",
  "flourish",
  "flowhub",
  "growflow",
  "maxq",
  "meadow",
  "metrc",
  "quickbooks",
  "roshi",
  "sage-intacct",
  "salesforce",
  "stashstock",
  "xero",
  "zohobooks"
], z = /* @__PURE__ */ d({
  name: "ll-icon",
  __name: "IntegrationIcon",
  props: {
    id: { default: () => b("ll-icon-") },
    name: {},
    title: { default: "" },
    size: { default: "standard" },
    staticPath: { default: "" }
  },
  setup(r) {
    const t = r, a = u(), o = m("stashOptions", {
      staticPath: "/static"
    }), i = f(() => t.staticPath || (o == null ? void 0 : o.staticPath)), l = (e) => {
      if (!e)
        return e;
      const n = document.createElement("use");
      n.setAttribute("href", `#${t.name}`);
      const c = e.querySelector(`#${t.name}`);
      return c ? (e.replaceChildren(c, n), e) : (e.insertBefore(n, e.firstChild), e);
    };
    return (e, n) => (_(), h(s(k), {
      id: t.id,
      role: "presentation",
      "aria-labelledby": t.id,
      class: p(["stash-icon", [
        s(a).icon,
        `icon--${t.name}`,
        {
          [s(a).standard]: t.size === "standard",
          [s(a).dense]: t.size === "dense",
          [s(a).small]: t.size === "small",
          [s(a).large]: t.size === "large"
        }
      ]]),
      "data-test": "stash-integration-icon",
      src: `${i.value}/spritesheet.svg`,
      title: t.title,
      "transform-source": l
    }, null, 8, ["id", "aria-labelledby", "class", "src", "title"]));
  }
}), I = "_icon_FjUnf", g = "_standard_iWWkD", x = "_dense_NGcea", C = "_small_QcuhW", P = "_large_Hnu78", S = {
  icon: I,
  standard: g,
  dense: x,
  small: C,
  large: P
}, $ = {
  $style: S
}, W = /* @__PURE__ */ y(z, [["__cssModules", $]]);
export {
  W as default,
  M as integrationIconNames
};
//# sourceMappingURL=IntegrationIcon.js.map
