styledot/tag-subscription.js

23andMe Design System

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _propTypes = _interopRequireDefault(require("prop-types"));

var _react = _interopRequireDefault(require("react"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var TagSubscription = function TagSubscription(props) {
  var premiumAltText = '23andMe Plus Premium';
  var totalHealthAltText = 'Total Health';
  var defaultAltText = props.tagProduct === 'total_health' ? totalHealthAltText : premiumAltText;
  var imgName = 'premium';
  var tagWidth = '74';

  if (props.tagProduct === 'total_health') {
    imgName = 'total_health';
    tagWidth = '98';
  }

  if (props.tagType === 'inverse' || props.tagType === 'secondary') {
    imgName += '_secondary';
  }

  return /*#__PURE__*/_react["default"].createElement("img", {
    className: "sd-tag-subscription".concat(props.extraClass ? " ".concat(props.extraClass) : ''),
    src: "".concat(props.filePath, "tag_").concat(imgName, ".svg"),
    alt: props.altText ? "".concat(props.altText) : defaultAltText,
    height: "16",
    width: tagWidth
  });
};

TagSubscription.defaultProps = {
  filePath: '/static/img/components/tags/'
};
TagSubscription.propTypes = {
  tagType: _propTypes["default"].string,
  tagProduct: _propTypes["default"].string,
  altText: _propTypes["default"].string,
  extraClass: _propTypes["default"].string,
  filePath: _propTypes["default"].string
};
var _default = TagSubscription;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJUYWdTdWJzY3JpcHRpb24iLCJwcm9wcyIsInByZW1pdW1BbHRUZXh0IiwidG90YWxIZWFsdGhBbHRUZXh0IiwiZGVmYXVsdEFsdFRleHQiLCJ0YWdQcm9kdWN0IiwiaW1nTmFtZSIsInRhZ1dpZHRoIiwidGFnVHlwZSIsImV4dHJhQ2xhc3MiLCJmaWxlUGF0aCIsImFsdFRleHQiLCJkZWZhdWx0UHJvcHMiLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJzdHJpbmciXSwic291cmNlcyI6WyIuLi9zcmMvbGliL3RhZy1zdWJzY3JpcHRpb24uanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5jb25zdCBUYWdTdWJzY3JpcHRpb24gPSBwcm9wcyA9PiB7XG4gICAgY29uc3QgcHJlbWl1bUFsdFRleHQgPSAnMjNhbmRNZSBQbHVzIFByZW1pdW0nO1xuICAgIGNvbnN0IHRvdGFsSGVhbHRoQWx0VGV4dCA9ICdUb3RhbCBIZWFsdGgnO1xuICAgIGNvbnN0IGRlZmF1bHRBbHRUZXh0ID0gcHJvcHMudGFnUHJvZHVjdCA9PT0gJ3RvdGFsX2hlYWx0aCcgPyB0b3RhbEhlYWx0aEFsdFRleHQgOiBwcmVtaXVtQWx0VGV4dDtcblxuICAgIGxldCBpbWdOYW1lID0gJ3ByZW1pdW0nO1xuICAgIGxldCB0YWdXaWR0aCA9ICc3NCc7XG5cbiAgICBpZiAocHJvcHMudGFnUHJvZHVjdCA9PT0gJ3RvdGFsX2hlYWx0aCcpIHtcbiAgICAgICAgaW1nTmFtZSA9ICd0b3RhbF9oZWFsdGgnO1xuICAgICAgICB0YWdXaWR0aCA9ICc5OCc7XG4gICAgfVxuICAgIGlmIChwcm9wcy50YWdUeXBlID09PSAnaW52ZXJzZScgfHwgcHJvcHMudGFnVHlwZSA9PT0gJ3NlY29uZGFyeScpIHtcbiAgICAgICAgaW1nTmFtZSArPSAnX3NlY29uZGFyeSc7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGltZ1xuICAgICAgICAgICAgY2xhc3NOYW1lPXtgc2QtdGFnLXN1YnNjcmlwdGlvbiR7cHJvcHMuZXh0cmFDbGFzcyA/IGAgJHtwcm9wcy5leHRyYUNsYXNzfWAgOiAnJ31gfVxuICAgICAgICAgICAgc3JjPXtgJHtwcm9wcy5maWxlUGF0aH10YWdfJHtpbWdOYW1lfS5zdmdgfVxuICAgICAgICAgICAgYWx0PXtwcm9wcy5hbHRUZXh0ID8gYCR7cHJvcHMuYWx0VGV4dH1gIDogZGVmYXVsdEFsdFRleHR9XG4gICAgICAgICAgICBoZWlnaHQ9XCIxNlwiXG4gICAgICAgICAgICB3aWR0aD17dGFnV2lkdGh9XG4gICAgICAgIC8+XG4gICAgKTtcbn07XG5cblRhZ1N1YnNjcmlwdGlvbi5kZWZhdWx0UHJvcHMgPSB7XG4gICAgZmlsZVBhdGg6ICcvc3RhdGljL2ltZy9jb21wb25lbnRzL3RhZ3MvJyxcbn07XG5cblRhZ1N1YnNjcmlwdGlvbi5wcm9wVHlwZXMgPSB7XG4gICAgdGFnVHlwZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICB0YWdQcm9kdWN0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGFsdFRleHQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgZXh0cmFDbGFzczogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBmaWxlUGF0aDogUHJvcFR5cGVzLnN0cmluZyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFRhZ1N1YnNjcmlwdGlvbjtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBOztBQUNBOzs7O0FBRUEsSUFBTUEsZUFBZSxHQUFHLFNBQWxCQSxlQUFrQixDQUFBQyxLQUFLLEVBQUk7RUFDN0IsSUFBTUMsY0FBYyxHQUFHLHNCQUF2QjtFQUNBLElBQU1DLGtCQUFrQixHQUFHLGNBQTNCO0VBQ0EsSUFBTUMsY0FBYyxHQUFHSCxLQUFLLENBQUNJLFVBQU4sS0FBcUIsY0FBckIsR0FBc0NGLGtCQUF0QyxHQUEyREQsY0FBbEY7RUFFQSxJQUFJSSxPQUFPLEdBQUcsU0FBZDtFQUNBLElBQUlDLFFBQVEsR0FBRyxJQUFmOztFQUVBLElBQUlOLEtBQUssQ0FBQ0ksVUFBTixLQUFxQixjQUF6QixFQUF5QztJQUNyQ0MsT0FBTyxHQUFHLGNBQVY7SUFDQUMsUUFBUSxHQUFHLElBQVg7RUFDSDs7RUFDRCxJQUFJTixLQUFLLENBQUNPLE9BQU4sS0FBa0IsU0FBbEIsSUFBK0JQLEtBQUssQ0FBQ08sT0FBTixLQUFrQixXQUFyRCxFQUFrRTtJQUM5REYsT0FBTyxJQUFJLFlBQVg7RUFDSDs7RUFFRCxvQkFDSTtJQUNJLFNBQVMsK0JBQXdCTCxLQUFLLENBQUNRLFVBQU4sY0FBdUJSLEtBQUssQ0FBQ1EsVUFBN0IsSUFBNEMsRUFBcEUsQ0FEYjtJQUVJLEdBQUcsWUFBS1IsS0FBSyxDQUFDUyxRQUFYLGlCQUEwQkosT0FBMUIsU0FGUDtJQUdJLEdBQUcsRUFBRUwsS0FBSyxDQUFDVSxPQUFOLGFBQW1CVixLQUFLLENBQUNVLE9BQXpCLElBQXFDUCxjQUg5QztJQUlJLE1BQU0sRUFBQyxJQUpYO0lBS0ksS0FBSyxFQUFFRztFQUxYLEVBREo7QUFTSCxDQXpCRDs7QUEyQkFQLGVBQWUsQ0FBQ1ksWUFBaEIsR0FBK0I7RUFDM0JGLFFBQVEsRUFBRTtBQURpQixDQUEvQjtBQUlBVixlQUFlLENBQUNhLFNBQWhCLEdBQTRCO0VBQ3hCTCxPQUFPLEVBQUVNLHFCQUFBLENBQVVDLE1BREs7RUFFeEJWLFVBQVUsRUFBRVMscUJBQUEsQ0FBVUMsTUFGRTtFQUd4QkosT0FBTyxFQUFFRyxxQkFBQSxDQUFVQyxNQUhLO0VBSXhCTixVQUFVLEVBQUVLLHFCQUFBLENBQVVDLE1BSkU7RUFLeEJMLFFBQVEsRUFBRUkscUJBQUEsQ0FBVUM7QUFMSSxDQUE1QjtlQVFlZixlIn0=