@sergiodxa/ui/lib/headings.js

UI components for my projects

"use strict";

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

var _extends2 = require("babel-runtime/helpers/extends");

var _extends3 = _interopRequireDefault(_extends2);

var _objectWithoutProperties2 = require("babel-runtime/helpers/objectWithoutProperties");

var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);

exports.H1 = H1;
exports.H2 = H2;
exports.H3 = H3;
exports.H4 = H4;
exports.H5 = H5;
exports.H6 = H6;

var _style = require("styled-jsx/style");

var _style2 = _interopRequireDefault(_style);

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

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

/**
 * @function H1
 * @param {Object} props
 * @param {Object} props.children
 * @param {Object} [props.props={}]
 */
function H1(_ref) {
  var children = _ref.children,
      props = (0, _objectWithoutProperties3.default)(_ref, ["children"]);

  return _react2.default.createElement(
    "h1",
    (0, _extends3.default)({}, props, {
      className: "jsx-305795279" + " " + (props.className != null && props.className || "")
    }),
    children,
    _react2.default.createElement(_style2.default, {
      styleId: "305795279",
      css: "h1.jsx-305795279{font-size:2.25em;font-weight:lighter;-webkit-letter-spacing:-0.028em;-moz-letter-spacing:-0.028em;-ms-letter-spacing:-0.028em;letter-spacing:-0.028em;margin:1em 0;}"
    })
  );
}

/**
 * @function H2
 * @param {Object} props
 * @param {Object} props.children
 * @param {Object} [props.props={}]
 */
/** @module ui/headings */
function H2(_ref2) {
  var children = _ref2.children,
      props = (0, _objectWithoutProperties3.default)(_ref2, ["children"]);

  return _react2.default.createElement(
    "h2",
    (0, _extends3.default)({}, props, {
      className: "jsx-3167552803" + " " + (props.className != null && props.className || "")
    }),
    children,
    _react2.default.createElement(_style2.default, {
      styleId: "3167552803",
      css: "h2.jsx-3167552803{font-size:2em;font-weight:lighter;margin:0.25em 0;}"
    })
  );
}

/**
 * @function H3
 * @param {Object} props
 * @param {Object} props.children
 * @param {Object} [props.props={}]
 */
function H3(_ref3) {
  var children = _ref3.children,
      props = (0, _objectWithoutProperties3.default)(_ref3, ["children"]);

  return _react2.default.createElement(
    "h3",
    (0, _extends3.default)({}, props, {
      className: "jsx-2925279062" + " " + (props.className != null && props.className || "")
    }),
    children,
    _react2.default.createElement(_style2.default, {
      styleId: "2925279062",
      css: "h3.jsx-2925279062{font-size:1.75em;font-weight:lighter;margin:0.25em 0;}"
    })
  );
}

/**
 * @function H4
 * @param {Object} props
 * @param {Object} props.children
 * @param {Object} [props.props={}]
 */
function H4(_ref4) {
  var children = _ref4.children,
      props = (0, _objectWithoutProperties3.default)(_ref4, ["children"]);

  return _react2.default.createElement(
    "h4",
    (0, _extends3.default)({}, props, {
      className: "jsx-3089686144" + " " + (props.className != null && props.className || "")
    }),
    children,
    _react2.default.createElement(_style2.default, {
      styleId: "3089686144",
      css: "h4.jsx-3089686144{font-size:1.5em;font-weight:lighter;margin:0.25em 0;}"
    })
  );
}

/**
 * @function H5
 * @param {Object} props
 * @param {Object} props.children
 * @param {Object} [props.props={}]
 */
function H5(_ref5) {
  var children = _ref5.children,
      props = (0, _objectWithoutProperties3.default)(_ref5, ["children"]);

  return _react2.default.createElement(
    "h5",
    (0, _extends3.default)({}, props, {
      className: "jsx-2006421205" + " " + (props.className != null && props.className || "")
    }),
    children,
    _react2.default.createElement(_style2.default, {
      styleId: "2006421205",
      css: "h5.jsx-2006421205{font-size:1.25em;font-weight:lighter;margin:0.25em 0;}"
    })
  );
}

/**
 * @function H6
 * @param {Object} props
 * @param {Object} props.children
 * @param {Object} [props.props={}]
 */
function H6(_ref6) {
  var children = _ref6.children,
      props = (0, _objectWithoutProperties3.default)(_ref6, ["children"]);

  return _react2.default.createElement(
    "h6",
    (0, _extends3.default)({}, props, {
      className: "jsx-3122649451" + " " + (props.className != null && props.className || "")
    }),
    children,
    _react2.default.createElement(_style2.default, {
      styleId: "3122649451",
      css: "h6.jsx-3122649451{font-size:1.125em;font-weight:lighter;margin:0.25em 0;}"
    })
  );
}