import React from 'react';
import PropTypes from 'prop-types';

import './style.css';

var ButtonTag = function ButtonTag(_ref) {
  var type = _ref.type,
      value = _ref.value,
      text = _ref.text,
      handleClick = _ref.handleClick;
  return React.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
  );
};

ButtonTag.propTypes = process.env.NODE_ENV !== "production" ? {
  /** The label text of the sort button */
  type: PropTypes.string.isRequired,
  /** The label text of the sort button */
  value: PropTypes.string.isRequired,
  /** The label text of the sort button */
  text: PropTypes.string.isRequired,
  /** An array of sort button objects */
  handleClick: PropTypes.func.isRequired
} : {};

export default ButtonTag;