import { resolveComponent as r, createElementBlock as o, openBlock as t, Fragment as l, renderList as c, createBlock as s, withCtx as p, createElementVNode as u, toDisplayString as m } from "vue";
import { _ as i } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
import _ from "../checkbox/checkbox.js";
const d = {
  compatConfig: { MODE: 3 },
  name: "CheckboxesDecorator",
  components: { DtCheckbox: _ },
  created() {
    this.options = [
      { label: "Apple", value: "apple" },
      { label: "Banana", value: "banana" },
      { label: "Other", value: "other" }
    ];
  }
};
function b(a, f, h, k, v, x) {
  const n = r("dt-checkbox");
  return t(), o("div", null, [
    (t(!0), o(l, null, c(a.options, (e) => (t(), s(n, {
      key: e.value,
      value: e.value
    }, {
      default: p(() => [
        u("span", null, m(e.label), 1)
      ]),
      _: 2
    }, 1032, ["value"]))), 128))
  ]);
}
const $ = /* @__PURE__ */ i(d, [["render", b]]);
export {
  $ as default
};
//# sourceMappingURL=checkboxes-decorator.js.map
