@wulperstudio/cms/node/components/DoubleButton/DoubleButton.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 _react2 = require("@iconify/react");
var _material = require("@mui/material");
var _Button = require("../Button");
var _styled = require("./styled");
var _IconButtonComponent = require("../IconButtonComponent");
var _jsxRuntime = require("react/jsx-runtime");
var DoubleButton = function DoubleButton(_props) {
  var theme = (0, _material.useTheme)();
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.ButtonContainer, {
    footerDirection: "row-reverse",
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButtonComponent.IconButtonComponent, {
      iconProps: {
        sx: {
          borderRadius: '10px',
          border: '1px solid #ECECFB',
          background: '#fff',
          boxShadow: 'none',
          '&:hover': {
            boxShadow: 'rgb(0 0 0 / 9%) 0px 3px 12px'
          }
        }
      },
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
        icon: "eva:edit-outline",
        color: theme.palette.text.primary
      })
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
      fullWidth: true,
      size: "medium",
      variant: "contained",
      disableElevation: true,
      sx: {
        border: '1px solid #ECECFB',
        backgroundColor: '#fff',
        borderRadius: '10px',
        boxShadow: 'none',
        '&:hover': {
          boxShadow: 'rgb(0 0 0 / 9%) 0px 3px 12px',
          backgroundColor: '#fff'
        }
      },
      children: "Send to review"
    })]
  });
};
var _default = exports["default"] = DoubleButton;