"use strict";

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

var _react = _interopRequireDefault(require("react"));

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

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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: (0, _classnames.default)({
      block: props.block,
      inlineBlock: props.inlineBlock
    })
  };
  return /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _classnames.default)(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
};
var _default = Text;
exports.default = _default;