"use strict";

function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = TextBox;

var _react = _interopRequireDefault(require("react"));

var _TextBox = _interopRequireDefault(require("./TextBox.behaviour"));

var _TextBox2 = _interopRequireDefault(require("./TextBox.skeleton"));

var _TextBox3 = _interopRequireWildcard(require("./TextBox.propTypes"));

var _TextBox4 = _interopRequireDefault(require("./TextBox.constantProps"));

var _componentCategories = _interopRequireDefault(require("../../docs-utils/componentCategories"));

var _componentGroups = _interopRequireDefault(require("../../docs-utils/componentGroups"));

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _extends() { _extends = Object.assign || 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 TextBox(props) {
  return /*#__PURE__*/_react["default"].createElement(_TextBox["default"], _extends({}, props, {
    renderComponent: _TextBox2["default"]
  }));
}

TextBox.propTypes = _TextBox3["default"];
TextBox.defaultProps = _TextBox3.defaultProps;
TextBox.propsDescription = _TextBox3.propsDescription;
TextBox.constantProps = _TextBox4["default"];

if (false) {
  TextBox.docs = {
    componentGroup: _componentGroups["default"].Atom,
    folderName: _componentCategories["default"].Typography
  };
}

;
/*import React from "react";
import PropTypes from "prop-types";
import styles from "./TextBox.module.css";
import componentCategories from "../../docs-utils/componentCategories";
import componentGroups from "../../docs-utils/componentGroups";

export default function Textbox(props) {
  let {
    size,
    style,
    type,
    variant,
    fieldStyle,
    placeholder,
    icon,
    disabled,
    startIcon,
    autoFocus,
    endIcon,
    focusClass
  } = props;
  return (
    <label className={styles.label}>
      {startIcon ? <span className={styles.start_icon}>{startIcon}</span> : null}
      <input
        type={type}
        data-aria-focusstyle={focusClass}
        data-aria-autofocus={autoFocus}
        placeholder={placeholder}
        className={
          styles.textbox +
          " " +
          styles[size] +
          " " +
          styles[fieldStyle] +
          " " +
          styles[variant] +
          " " +
          `${startIcon ? styles.iconSpaceLeft : null}` +
          " " +
          `${endIcon ? styles.iconSpaceRight : null}` +
          " " +
          `${disabled ? styles.disabled : null}`
        }
        disabled={disabled}
      />
      {endIcon ? <span className={styles.end_icon}>{endIcon}</span> : null}
    </label>
  );
}

Textbox.defaultProps = {
  size: "md",
  variant: "",
  type: "text",
  placeholder: "Enter the value",
  fieldStyle: "",
};

if (__DOCS__) {
  Textbox.docs = {
    componentGroup: componentGroups.Atom,
    folderName : componentCategories.Form
  };
}*/