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

Wulper Studio Library Components CMS

import React from 'react';
import { Icon } from '@iconify/react';
import { useTheme } from '@mui/material';
import { Button } from '../Button';
import { ButtonContainer } from './styled';
import { IconButtonComponent } from '../IconButtonComponent';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var DoubleButton = function DoubleButton(_props) {
  var theme = useTheme();
  return /*#__PURE__*/_jsxs(ButtonContainer, {
    footerDirection: "row-reverse",
    children: [/*#__PURE__*/_jsx(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__*/_jsx(Icon, {
        icon: "eva:edit-outline",
        color: theme.palette.text.primary
      })
    }), /*#__PURE__*/_jsx(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"
    })]
  });
};
export default DoubleButton;