@shopify/polaris/dist/esm/components/TextStyle/TextStyle.js

Shopify’s product component library

import React$1 from 'react';
import { classNames, variationName } from '../../utilities/css.js';
import styles from './TextStyle.scss.js';

var VariationValue;

(function (VariationValue) {
  VariationValue["Positive"] = "positive";
  VariationValue["Negative"] = "negative";
  VariationValue["Strong"] = "strong";
  VariationValue["Subdued"] = "subdued";
  VariationValue["Code"] = "code";
})(VariationValue || (VariationValue = {}));

function TextStyle({
  variation,
  children
}) {
  var className = classNames(variation && styles[variationName('variation', variation)], variation === VariationValue.Code && styles.code);
  var Element = variationElement(variation);
  return /*#__PURE__*/React$1.createElement(Element, {
    className: className
  }, children);
}

function variationElement(variation) {
  return variation === VariationValue.Code ? 'code' : 'span';
}

export { TextStyle };