wix-style-react/dist/stories/Typography/utils.js

wix-style-react

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ExampleWrapper = undefined;
exports.capitalize = capitalize;
exports.propsToJsxString = propsToJsxString;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _Text = require('wix-style-react/Text');

var _Text2 = _interopRequireDefault(_Text);

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

/** Capitalize first character */
function capitalize(str) {
  if (!str) {
    return undefined;
  }
  return str[0].toUpperCase() + str.substring(1);
}

function propsToJsxString(props) {
  return Object.entries(props).reduce(function (acc, entry) {
    var propName = entry[0];
    var propValue = entry[1];

    if (propName !== 'children') {
      return acc + ' ' + propName + '="' + propValue + '"';
    } else {
      return acc;
    }
  }, '');
}

var ExampleWrapper = exports.ExampleWrapper = function ExampleWrapper(_ref) {
  var children = _ref.children,
      label = _ref.label;
  return _react2.default.createElement(
    'div',
    { style: { padding: '10px' } },
    children,
    _react2.default.createElement(
      _Text2.default,
      { size: 'tiny', weight: 'thin', light: true, secondary: true },
      label
    )
  );
};
ExampleWrapper.propTypes = {
  children: _propTypes.any,
  label: _propTypes.string
};