@massds/mayflower-react
Version:
React versions of Mayflower design system UI components
25 lines • 1.09 kB
JavaScript
/**
* 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;