"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
require('./styles/style.css');const jsxRuntime = require("react/jsx-runtime");
const designSystem = require("@choiceform/design-system");
;/* empty css                    */
const useJsEditor = require("./hooks/use-js-editor.cjs");
function JsEditor(props) {
  const {
    value,
    onChange,
    autoFocus,
    className,
    readonly,
    lineWrapping,
    placeholder
  } = props;
  const { containerRef } = useJsEditor.useJsEditor({
    value,
    onChange,
    autoFocus,
    readonly,
    lineWrapping,
    placeholder
  });
  return /* @__PURE__ */ jsxRuntime.jsx(
    "div",
    {
      ref: containerRef,
      className: designSystem.tcx("relative h-full", className)
    }
  );
}
exports.JsEditor = JsEditor;
//# sourceMappingURL=js-editor.cjs.map
