@massds/mayflower-react
Version:
React versions of Mayflower design system UI components
41 lines • 2.21 kB
JavaScript
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
/**
* SearchBannerForm module.
* @module @massds/mayflower-react/SearchBannerForm
* @requires module:@massds/mayflower-assets/scss/03-organisms/search-banner
* @requires module:@massds/mayflower-assets/scss/01-atoms/error-msg
* @requires module:@massds/mayflower-assets/scss/01-atoms/button-with-icon
* @requires module:@massds/mayflower-assets/scss/01-atoms/button-search
* @requires module:@massds/mayflower-assets/scss/01-atoms/input-typeahead
* @requires module:@massds/mayflower-assets/scss/01-atoms/svg-icons
* @requires module:@massds/mayflower-assets/scss/01-atoms/svg-loc-icons
*/
import React from "react";
import PropTypes from "prop-types";
import InputText from "../InputText/index.mjs";
import ButtonWithIcon from "../ButtonWithIcon/index.mjs";
const SearchBannerForm = searchBannerForm => {
let _searchBannerForm$but = searchBannerForm.buttonSearch.classes,
classes = _searchBannerForm$but === void 0 ? [] : _searchBannerForm$but;
classes = classes.concat(['ma__search-banner__button']);
return /*#__PURE__*/React.createElement("form", {
className: "ma__search-banner__form",
action: searchBannerForm.action,
onSubmit: searchBannerForm.onSubmit
}, /*#__PURE__*/React.createElement("div", {
className: "ma__search-banner__input"
}, /*#__PURE__*/React.createElement(InputText, searchBannerForm.inputText)), /*#__PURE__*/React.createElement(ButtonWithIcon, _extends({}, searchBannerForm.buttonSearch, {
classes: classes
})));
};
SearchBannerForm.propTypes = process.env.NODE_ENV !== "production" ? {
/** The URL to submit form data to */
action: PropTypes.string,
/** Custom submit function */
onSubmit: PropTypes.func,
/** The properties for the text input field */
inputText: PropTypes.shape(InputText.propTypes).isRequired,
/** The Search button */
buttonSearch: PropTypes.shape(ButtonWithIcon.propTypes).isRequired
} : {};
export default SearchBannerForm;