@zenkit/typography/esm/paragraph.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 Text from './text';
export const styles = {
  root: {
    margin: '0 0 1em'
  }
};

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

  return React.createElement(Text, _extends({
    is: "p",
    className: cn(classes.root, classNameProps)
  }, otherProps), children);
}

export default withStyles(styles)(Paragraph);