import { defineComponent as a, inject as o, openBlock as r, createElementBlock as c, unref as e, normalizeClass as p, renderSlot as i } from "vue";
import { D as d } from "./DescriptionList.keys-BHlHYV6b.js";
const m = ["data-variant"], b = /* @__PURE__ */ a({
  __name: "DescriptionListTerm",
  setup(l) {
    const n = o(d.key);
    if (!n)
      throw new Error("DescriptionListDetail must be used within a DescriptionList component.");
    const { variant: t } = n;
    return (s, f) => (r(), c("dt", {
      class: p(["stash-description-list-term flex items-center gap-x-1 font-semibold text-ice-900", {
        "md:max-w-40 md:basis-2/5": e(t) === "columns",
        "mr-1.5": e(t) === "inline",
        "pb-1.5": e(t) === "stacked",
        "pb-1.5 md:pb-0": e(t) !== "stacked"
      }]),
      "data-test": "stash-description-list-term",
      "data-variant": e(t)
    }, [
      i(s.$slots, "prepend"),
      i(s.$slots, "default"),
      i(s.$slots, "append")
    ], 10, m));
  }
});
export {
  b as default
};
//# sourceMappingURL=DescriptionListTerm.js.map
