import { CHECKBOX_SPAN_CLASSES as c } from "../../Plugins/CheckboxListPlugin/CheckboxListElement.es.js";
import { merge as i } from "../../../../utilities/merge.es.js";
import { reactCssPropsToCss as l } from "../utils/reactCssPropsToCss.es.js";
const m = (t, e, r, s) => `<div dir="auto" disabled class="tw-flex tw-flex-row tw-pb-2 first-of-type:tw-ml-0 ${r}" style="margin-left:${(t.indent ?? 0) * 24}px;">
    <div dir="auto" class="tw-flex tw-items-center tw-justify-center tw-select-none tw-mr-1.5">
        <input
            class="tw-w-4 tw-h-4 tw-m-0"
            type="checkbox"
            ${t.checked ? "checked" : ""}
            onclick="return false;" />
    </div>
    <span dir="auto" class="${i([
  "tw-flex-1",
  t.checked ? "!tw-line-through" : "",
  c
])}" style="${l(s[t.children[0].textStyle])}">${e}</span>
</div>`;
export {
  m as checkItemNode
};
//# sourceMappingURL=checkItem.es.js.map
