@zenkit/typography/esm/lead.js

ZenKit components for impliments typography

import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
import * as React from 'react';
import cn from 'classnames';
import { withStyles } from '@zenkit/styles';
import Paragraph from './paragraph';
export const styles = {
  root: {
    fontSize: '1.25rem',
    fontWeight: '300'
  }
};

function Lead(props) {
  const {
    classes,
    className: classNameProps,
    children
  } = props,
        otherProps = _objectWithoutPropertiesLoose(props, ["classes", "className", "children"]);

  return React.createElement(Paragraph, _extends({
    className: cn(classes.root, classNameProps)
  }, otherProps), children);
}

export default withStyles(styles)(Lead);