@wulperstudio/cms/node/components/TextMultiline/TextMultiline.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _styled = require("./styled");
var _TextForLinesOutput = require("../TextForLinesOutput");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["onClick", "showBorder", "backgroundColor", "label", "typographyProps", "clines", "text", "showBoxShadow", "showDivider", "ref"];
var TextMultiline = function TextMultiline(props) {
  var onClick = props.onClick,
    showBorder = props.showBorder,
    backgroundColor = props.backgroundColor,
    label = props.label,
    typographyProps = props.typographyProps,
    clines = props.clines,
    text = props.text,
    showBoxShadow = props.showBoxShadow,
    showDivider = props.showDivider,
    ref = props.ref,
    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.CustomBox, Object.assign({
    ref: ref,
    onClick: onClick,
    showBorder: showBorder,
    backgroundColor: backgroundColor,
    showBoxShadow: showBoxShadow,
    showDivider: showDivider
  }, rest, {
    children: [props.label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.Label, {
      className: "label",
      children: label
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextForLinesOutput.TextForLinesOutput, Object.assign({}, typographyProps, {
      clines: clines || 3,
      text: text
    }))]
  }));
};
var _default = exports["default"] = TextMultiline;