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); }
import React, { useEffect } from "react";
import Keyboard from "./Keyboard";
import VirtualKeyInput from "./VirtualKeyInput";
import "./index.less";
import classNames from "classnames";
var items = [{
  value: 1,
  label: "1",
  disabled: false,
  type: "text"
}, {
  value: 2,
  label: "2",
  disabled: false,
  type: "text"
}, {
  value: 3,
  label: "3",
  disabled: false,
  type: "text"
}, {
  value: 4,
  label: "4",
  disabled: false,
  type: "text"
}, {
  value: 5,
  label: "5",
  disabled: false,
  type: "text"
}, {
  value: 6,
  label: "6",
  disabled: false,
  type: "text"
}, {
  value: 7,
  label: "7",
  disabled: false,
  type: "text"
}, {
  value: 8,
  label: "8",
  disabled: false,
  type: "text"
}, {
  value: 9,
  label: "9",
  disabled: false,
  type: "text"
}, {
  value: "0",
  label: "0",
  disabled: false,
  type: "text"
}, {
  value: "ok",
  label: "OK",
  disabled: false,
  type: "primary"
}];
var VirtualKeyboard = function VirtualKeyboard(props) {
  var virtualKeyInputProps = props.virtualKeyInputProps,
    style = props.style,
    className = props.className,
    keyboardProps = props.keyboardProps,
    onChange = props.onChange,
    value = props.value,
    rightPanel = props.rightPanel;
  useEffect(function () {
    document.body.id = "body";
  }, []);
  return /*#__PURE__*/React.createElement("div", {
    className: classNames("virtual-keyboard-component", className),
    style: style
  }, /*#__PURE__*/React.createElement("div", {
    className: classNames("virtual-keyboard-component-left")
  }, /*#__PURE__*/React.createElement(VirtualKeyInput, virtualKeyInputProps), /*#__PURE__*/React.createElement(Keyboard, _extends({
    items: items
  }, keyboardProps))), rightPanel ? /*#__PURE__*/React.createElement("div", {
    className: "virtual-keyboard-component-right"
  }, rightPanel) : null);
};
export default VirtualKeyboard;