@zenkit/typography/lead.js

ZenKit components for impliments typography

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.styles = void 0;

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

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

var React = _interopRequireWildcard(require("react"));

var _classnames = _interopRequireDefault(require("classnames"));

var _styles = require("@zenkit/styles");

var _paragraph = _interopRequireDefault(require("./paragraph"));

var styles = {
  root: {
    fontSize: '1.25rem',
    fontWeight: '300'
  }
};
exports.styles = styles;

function Lead(props) {
  var classes = props.classes,
      classNameProps = props.className,
      children = props.children,
      otherProps = (0, _objectWithoutProperties2.default)(props, ["classes", "className", "children"]);
  return React.createElement(_paragraph.default, (0, _extends2.default)({
    className: (0, _classnames.default)(classes.root, classNameProps)
  }, otherProps), children);
}

var _default = (0, _styles.withStyles)(styles)(Lead);

exports.default = _default;