import React from 'react';
import classnames from 'classnames';

var Text = function Text(props) {
  var style = {
    fontSize: props.fs,
    lineHeight: props.fs ? "".concat(props.fs + 8, "px") : undefined,
    fontWeight: props.fw,
    color: props.color || "rgba(0,0,0,.".concat(props.opacity, ")"),
    marginTop: props.mt,
    marginBottom: props.mb,
    marginLeft: props.ml,
    marginRight: props.mr,
    paddingTop: props.pt,
    paddingBottom: props.pb,
    paddingLeft: props.pl,
    paddingRight: props.pr,
    display: classnames({
      block: props.block,
      inlineBlock: props.inlineBlock
    })
  };
  return /*#__PURE__*/React.createElement("div", {
    className: classnames(props.className),
    style: style
  }, props.children);
};

Text.defaultProps = {
  mt: 0,
  ml: 0,
  mb: 0,
  mr: 0,
  pt: 0,
  pl: 0,
  pb: 0,
  pr: 0,
  fs: 14,
  fw: 400,
  opacity: 85
};
export default Text;