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

Wulper Studio Library Components CMS

import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["onClick", "showBorder", "backgroundColor", "label", "typographyProps", "clines", "text", "showBoxShadow", "showDivider", "ref"];
import React from 'react';
import { CustomBox, Label } from './styled';
import { TextForLinesOutput } from '../TextForLinesOutput';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
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 = _objectWithoutProperties(props, _excluded);
  return /*#__PURE__*/_jsxs(CustomBox, Object.assign({
    ref: ref,
    onClick: onClick,
    showBorder: showBorder,
    backgroundColor: backgroundColor,
    showBoxShadow: showBoxShadow,
    showDivider: showDivider
  }, rest, {
    children: [props.label && /*#__PURE__*/_jsx(Label, {
      className: "label",
      children: label
    }), /*#__PURE__*/_jsx(TextForLinesOutput, Object.assign({}, typographyProps, {
      clines: clines || 3,
      text: text
    }))]
  }));
};
export default TextMultiline;