@massds/mayflower-react/dist/ButtonTag/index.js

React versions of Mayflower design system UI components

"use strict";

exports.__esModule = true;
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
/**
 * ButtonTag module.
 * @module @massds/mayflower-react/ButtonTag
 * @requires module:@massds/mayflower-assets/scss/01-atoms/button-tag
 */

var ButtonTag = function ButtonTag(_ref) {
  var type = _ref.type,
    value = _ref.value,
    text = _ref.text,
    description = _ref.description,
    handleClick = _ref.handleClick;
  return /*#__PURE__*/_react["default"].createElement("button", {
    type: "button",
    className: "ma__button-tag js-results-heading-tag",
    "data-ma-filter-type": type,
    "data-ma-filter-value": value,
    onClick: handleClick
  }, text, !!description && /*#__PURE__*/_react["default"].createElement("span", {
    className: "visually-hidden"
  }, description), /*#__PURE__*/_react["default"].createElement("span", {
    className: "ma__button-tag__icon",
    "aria-hidden": "true"
  }, "+"));
};
ButtonTag.propTypes = process.env.NODE_ENV !== "production" ? {
  /** The label text of the sort button */
  type: _propTypes["default"].string.isRequired,
  /** The label text of the sort button */
  value: _propTypes["default"].string.isRequired,
  /** The content of the button */
  text: _propTypes["default"].node.isRequired,
  /** The visually hidden description of the button */
  description: _propTypes["default"].node,
  /** An array of sort button objects */
  handleClick: _propTypes["default"].func.isRequired
} : {};
var _default = exports["default"] = ButtonTag;
module.exports = exports.default;