@wulperstudio/cms/organisms/DeleteDialog/DeleteDialog.js

Wulper Studio Library Components CMS

var _WrapperContent;
import React from 'react';
import { Button } from '@mui/material';
import { Icon } from '@iconify/react';
import { WrapperDialog, Title, Description, WrapperButtons, Element, WrapperContent } from './styled';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export var DeleteDialog = function DeleteDialog(props) {
  return /*#__PURE__*/_jsxs(WrapperDialog, {
    children: [_WrapperContent || (_WrapperContent = /*#__PURE__*/_jsxs(WrapperContent, {
      children: [/*#__PURE__*/_jsx(Icon, {
        icon: "clarity:warning-line",
        color: "#f25a5a",
        width: "100",
        height: "100"
      }), /*#__PURE__*/_jsx(Title, {
        children: "Estas seguro de esto?"
      }), /*#__PURE__*/_jsx(Description, {
        children: "Lo que har\xE1s no tiene vuelta atras en el sistema"
      })]
    })), /*#__PURE__*/_jsxs(WrapperButtons, {
      children: [/*#__PURE__*/_jsx(Element, {
        children: /*#__PURE__*/_jsx(Button, {
          size: "large",
          sx: {
            fontWeight: 600,
            color: '#F25A5A'
          },
          onClick: props.onClickConfirm,
          fullWidth: true,
          children: props.textConfirmButton || 'confirm'
        })
      }), /*#__PURE__*/_jsx(Element, {
        children: /*#__PURE__*/_jsx(Button, {
          size: "large",
          sx: {
            fontWeight: 600,
            color: '#3D3769'
          },
          onClick: props.onClickCancel,
          fullWidth: true,
          children: props.textCancelButton || 'cancel'
        })
      })]
    })]
  });
};