@massds/mayflower-react/dist/SearchBannerForm/index.mjs

React versions of Mayflower design system UI components

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); }

/**
 * 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;