@barguide/template-react/dist/index.umd.js

React + TypeScript | Template

(function (global, factory) {
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('classnames')) :
  typeof define === 'function' && define.amd ? define(['exports', 'react', 'classnames'], factory) :
  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Component = {}, global.React, global.classnames));
})(this, (function (exports, React, classnames) { 'use strict';

  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

  function _interopNamespace(e) {
    if (e && e.__esModule) return e;
    var n = Object.create(null);
    if (e) {
      Object.keys(e).forEach(function (k) {
        if (k !== 'default') {
          var d = Object.getOwnPropertyDescriptor(e, k);
          Object.defineProperty(n, k, d.get ? d : {
            enumerable: true,
            get: function () { return e[k]; }
          });
        }
      });
    }
    n["default"] = e;
    return Object.freeze(n);
  }

  var React__namespace = /*#__PURE__*/_interopNamespace(React);
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);

  var styles = {"component":"component-e660G"};

  /**
   * @name TemplateReact
   * @description tbd...
   */
  const TemplateReact = (props) => {
      const { children, className, heading } = props;
      // Styles
      const classes = classnames__default["default"](className, styles.component);
      return (React__namespace.createElement("div", { className: classes },
          React__namespace.createElement("h1", { className: "ui-heading" }, heading),
          React__namespace.createElement("span", { className: "ui-subhead" }),
          children));
  };

  exports.TemplateReact = TemplateReact;

  Object.defineProperty(exports, '__esModule', { value: true });

}));