import { jsx } from "react/jsx-runtime";
import { tcx } from "@choiceform/design-system";
import './styles/style.css';/* empty css                  */
import { useJsEditor } from "./hooks/use-js-editor.js";
function JsEditor(props) {
  const {
    value,
    onChange,
    autoFocus,
    className,
    readonly,
    lineWrapping,
    placeholder
  } = props;
  const { containerRef } = useJsEditor({
    value,
    onChange,
    autoFocus,
    readonly,
    lineWrapping,
    placeholder
  });
  return /* @__PURE__ */ jsx(
    "div",
    {
      ref: containerRef,
      className: tcx("relative h-full", className)
    }
  );
}
export {
  JsEditor
};
//# sourceMappingURL=js-editor.js.map
