@zenkit/typography/pre.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 _text = _interopRequireDefault(require("./text"));

var styles = {
  root: {
    margin: 0,
    padding: 0,
    whiteSpace: 'pre-wrap',
    overflowX: 'auto'
  }
};
exports.styles = styles;

function Pre(props) {
  var classes = props.classes,
      classNameProps = props.className,
      children = props.children,
      otherProps = (0, _objectWithoutProperties2.default)(props, ["classes", "className", "children"]);
  return React.createElement(_text.default, (0, _extends2.default)({
    is: "pre",
    family: "monospace",
    className: (0, _classnames.default)(classes.root, classNameProps)
  }, otherProps), children);
}

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

exports.default = _default;