import _pt from "prop-types";
var _excluded = ["mode", "theme", "name", "width", "height", "value"];
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
/**
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

import React from 'react';
import AceEditor from 'react-ace';

// must go after AceEditor import
import 'ace-builds/src-min-noconflict/mode-handlebars';
import 'ace-builds/src-min-noconflict/mode-css';
import 'ace-builds/src-noconflict/theme-github';
import 'ace-builds/src-noconflict/theme-monokai';
export var CodeEditor = _ref => {
  var {
      mode,
      theme,
      name,
      width,
      height,
      value
    } = _ref,
    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
  var m_name = name || Math.random().toString(36).substring(7);
  var m_theme = theme === 'light' ? 'github' : 'monokai';
  var m_mode = mode || 'handlebars';
  var m_height = height || '300px';
  var m_width = width || '100%';
  return /*#__PURE__*/React.createElement("div", {
    className: "code-editor",
    style: {
      minHeight: height,
      width: m_width
    }
  }, /*#__PURE__*/React.createElement(AceEditor, _extends({
    mode: m_mode,
    theme: m_theme,
    name: m_name,
    height: m_height,
    width: m_width,
    fontSize: 14,
    showPrintMargin: true,
    focus: true,
    editorProps: {
      $blockScrolling: true
    },
    wrapEnabled: true,
    highlightActiveLine: true,
    value: value,
    setOptions: {
      enableBasicAutocompletion: true,
      enableLiveAutocompletion: true,
      enableSnippets: true,
      showLineNumbers: true,
      tabSize: 2,
      showGutter: true
    }
  }, rest)));
};
CodeEditor.propTypes = {
  mode: _pt.oneOf(['handlebars', 'css']),
  theme: _pt.oneOf(['light', 'dark']),
  name: _pt.string
};