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

React + TypeScript | Template

'use strict';

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

var React = require('react');
var classnames = require('classnames');

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;