@wulperstudio/cms/legacy/components/SignatureOutput/SignatureOutput.js

Wulper Studio Library Components CMS

import _extends from "@babel/runtime/helpers/esm/extends";
import React from 'react';
import { Typography } from '@mui/material';
import { SignatureInputWrapper, SignatureInputBody } from './styled';
import { consts } from '../../helpers';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var defaultProps = {
  title: 'Signature',
  titleProps: {
    color: '#B2BEDA',
    fontSize: 14,
    lineHeight: '18px',
    height: '34px'
  },
  url: consts.backgroundImageRandom
};
var SignatureOutput = function SignatureOutput(props) {
  return /*#__PURE__*/_jsxs(SignatureInputWrapper, {
    children: [/*#__PURE__*/_jsx(Typography, _extends({}, props.titleProps || defaultProps.titleProps, {
      children: props.title || defaultProps.title
    })), /*#__PURE__*/_jsx(SignatureInputBody, {
      children: /*#__PURE__*/_jsx("img", {
        src: props.url || defaultProps.url,
        alt: props.title,
        width: "100%",
        height: "100%"
      })
    })]
  });
};
export default SignatureOutput;