import PropTypes from 'prop-types';
import React from 'react';
import { FormattedMessage } from 'react-intl';
import { s as styleInject } from './style-inject.es-1f59c1d0.js';

var css_248z = ".cc_labelContent_3296223122 {\n  font-size: var(--font-size-14);\n  line-height: 20px;\n}\n@media (max-width: 767px) {\n  .cc_labelContent_3296223122 {\n    display: none;\n  }\n}\n.cc_labelLink_3296223122 {\n  text-decoration: none !important;\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9jb21tb24vTGFiZWwubW9kdWxlLmxlc3MiLCJMYWJlbC5tb2R1bGUubGVzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQTtFQUNFLDhCQUFBO0VBQ0EsaUJBQUE7QUNGRjtBRElFO0VBQUE7SUFDRSxhQUFBO0VDREY7QUFDRjtBRElBO0VBQ0UsZ0NBQUE7QUNGRiIsImZpbGUiOiJMYWJlbC5tb2R1bGUubGVzcyJ9 */";
var componentStyles = {"labelContent":"cc_labelContent_3296223122","labelLink":"cc_labelLink_3296223122"};
styleInject(css_248z);

const Label = ({
  styles,
  message,
  link,
  target = '_self'
}) => {
  const derivedStyles = {
    ...componentStyles,
    ...styles
  };
  return /*#__PURE__*/React.createElement("span", {
    className: derivedStyles.labelContent
  }, /*#__PURE__*/React.createElement(FormattedMessage, {
    id: message
  }), link && /*#__PURE__*/React.createElement("sup", null, ' ', /*#__PURE__*/React.createElement("a", {
    className: derivedStyles.labelLink,
    href: link,
    target: target
  }, "[?]")));
};
Label.propTypes = {
  styles: PropTypes.shape({
    labelContent: PropTypes.string,
    labelLink: PropTypes.string
  }),
  message: PropTypes.string.isRequired,
  link: PropTypes.string
};
Label.defaultProps = {
  styles: {},
  link: null
};

export { Label as L };
//# sourceMappingURL=Label-19e06f9d.js.map
