@mapbox/mr-ui/form-submit/form-submit.js

UI components for Mapbox projects

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = FormSubmit;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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 FormSubmit(_ref) {
  let {
    label = 'Submit',
    testId = '',
    disabled = false,
    themeButton = 'btn',
    onSubmit
  } = _ref;
  const inputProps = {
    onClick: onSubmit,
    disabled,
    'data-testid': testId || 'form-submit-handler'
  };
  return /*#__PURE__*/_react.default.createElement("button", _extends({
    "aria-label": label,
    type: "button",
    className: themeButton
  }, inputProps), label);
}
FormSubmit.propTypes = {
  /** Function called when the button is clicked. */
  onSubmit: _propTypes.default.func.isRequired,
  /** Submit button label. */
  label: _propTypes.default.string,
  /** Toggle disabled state of the element. */
  disabled: _propTypes.default.bool,
  /** Identifier for the purposes of testing. */
  testId: _propTypes.default.string,
  /** A space seperated list of Assembly class names. */
  themeButton: _propTypes.default.string
};