UNPKG

@massds/mayflower-react

Version:

React versions of Mayflower design system UI components

25 lines 1.09 kB
/** * SortResults module. * @module @massds/mayflower-react/SortResults * @requires module:@massds/mayflower-assets/scss/02-molecules/sort-results * @requires module:@massds/mayflower-assets/scss/01-atoms/button-sort */ import React from "react"; import PropTypes from "prop-types"; import ButtonSort from "../ButtonSort/index.mjs"; const SortResults = sortResults => /*#__PURE__*/React.createElement("div", { className: "ma__sort-results js-sort-results" }, sortResults.label && /*#__PURE__*/React.createElement("span", { className: "ma__sort-results__label" }, sortResults.label), sortResults.sortButtons.map((buttonSort, index) => { const buttonProps = buttonSort; buttonProps.key = "ButtonSort." + index; return /*#__PURE__*/React.createElement(ButtonSort, buttonProps); })); SortResults.propTypes = process.env.NODE_ENV !== "production" ? { /** The label text of the sort buttons */ label: PropTypes.string, /** An array of sort button objects */ sortButtons: PropTypes.arrayOf(PropTypes.shape(ButtonSort.propTypes)).isRequired } : {}; export default SortResults;