import { resolveComponent as d, createElementBlock as r, openBlock as e, createBlock as l, createCommentVNode as s, createElementVNode as o, withCtx as c, toDisplayString as i, normalizeClass as p, renderSlot as m } from "vue";
import { _ as f } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
import _ from "../stack/stack.js";
const u = {
  compatConfig: { MODE: 3 },
  name: "DtDropdownList",
  components: { DtStack: _ },
  props: {
    /**
     * List's heading.
     */
    heading: {
      type: String,
      default: ""
    },
    /**
     * Additional class for the wrapper list element.
     */
    listClass: {
      type: [String, Array, Object],
      default: ""
    }
  }
};
function k(a, g, t, w, h, C) {
  const n = d("dt-stack");
  return e(), r("li", null, [
    t.heading ? (e(), l(n, {
      key: 0,
      direction: "row",
      align: "center",
      class: "dt-dropdown-list--header d-fs12 d-fc-black-400 d-fw-bold d-lh4 d-py4 d-px12"
    }, {
      default: c(() => [
        o("span", null, i(t.heading), 1)
      ]),
      _: 1
    })) : s("", !0),
    o("ul", {
      class: p(["d-ps-relative", "d-stack2", "d-px0", t.listClass]),
      "data-qa": "dt-dropdown-list-wrapper"
    }, [
      m(a.$slots, "default")
    ], 2)
  ]);
}
const S = /* @__PURE__ */ f(u, [["render", k]]);
export {
  S as default
};
//# sourceMappingURL=dropdown-list.js.map
