@wulperstudio/cms/node/components/SignatureOutput/SignatureOutput.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 _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _styled = require("./styled");
var _helpers = require("../../helpers");
var _jsxRuntime = require("react/jsx-runtime");
var defaultProps = {
  title: 'Signature',
  titleProps: {
    color: '#B2BEDA',
    fontSize: 14,
    lineHeight: '18px',
    height: '34px'
  },
  url: _helpers.consts.backgroundImageRandom
};
var SignatureOutput = function SignatureOutput(props) {
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.SignatureInputWrapper, {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, Object.assign({}, props.titleProps || defaultProps.titleProps, {
      children: props.title || defaultProps.title
    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.SignatureInputBody, {
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
        src: props.url || defaultProps.url,
        alt: props.title,
        width: "100%",
        height: "100%"
      })
    })]
  });
};
var _default = exports["default"] = SignatureOutput;