@massds/mayflower-react
Version:
React versions of Mayflower design system UI components
48 lines (36 loc) • 2.14 kB
JavaScript
;
exports.__esModule = true;
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _index = _interopRequireDefault(require("../InputText/index.js"));
var _index2 = _interopRequireDefault(require("../ButtonWithIcon/index.js"));
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); }
var SearchBannerForm = function SearchBannerForm(searchBannerForm) {
var _searchBannerForm$but = searchBannerForm.buttonSearch.classes,
classes = _searchBannerForm$but === void 0 ? [] : _searchBannerForm$but;
classes = classes.concat(['ma__search-banner__button']);
return /*#__PURE__*/_react["default"].createElement("form", {
className: "ma__search-banner__form",
action: searchBannerForm.action,
onSubmit: searchBannerForm.onSubmit
}, /*#__PURE__*/_react["default"].createElement("div", {
className: "ma__search-banner__input"
}, /*#__PURE__*/_react["default"].createElement(_index["default"], searchBannerForm.inputText)), /*#__PURE__*/_react["default"].createElement(_index2["default"], _extends({}, searchBannerForm.buttonSearch, {
classes: classes
})));
};
SearchBannerForm.propTypes = process.env.NODE_ENV !== "production" ? {
/** The URL to submit form data to */
action: _propTypes["default"].string,
/** Custom submit function */
onSubmit: _propTypes["default"].func,
/** The properties for the text input field */
inputText: _propTypes["default"].shape(_index["default"].propTypes).isRequired,
/** The Search button */
buttonSearch: _propTypes["default"].shape(_index2["default"].propTypes).isRequired
} : {};
var _default = SearchBannerForm;
exports["default"] = _default;
module.exports = exports.default;