@zergo0/react-filerobot-image-editor/lib/components/common/Modal/index.js

React component version of filerobot image editor (FIE).

import React from"react";import{Button,ModalContent}from"@scaleflex/ui/core";import{StyledModal,StyledModalTitle,StyledModalActions}from"./Modal.styled";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var Modal=function(a){var b=a.title,c=a.hint,d=a.Icon,f=a.onDone,g=a.onCancel,h=a.doneLabel,i=a.cancelLabel,j=a.isOpened,k=a.doneButtonStyle,l=a.doneButtonColor,m=void 0===l?"basic":l,n=a.cancelButtonColor,o=void 0===n?"basic":n,p=a.children,q=a.areButtonsDisabled,r=a.zIndex,s=a.className,t=a.width,u=a.isWarning;return _jsxs(StyledModal,{className:s,open:j,onClose:g,style:{zIndex:r},onKeyUp:function onKeyUp(a){"Enter"===a.key&&f(a),"Escape"===a.key&&g()},width:t,role:"dialog",tabIndex:-1,"aria-modal":"true","aria-label":b,children:[_jsx(StyledModalTitle,{icon:_jsx(d,{size:25}),iconShadow:!0,isWarning:u,onClose:g,primary:b,secondary:c,variant:"with-icon"}),p&&_jsx(ModalContent,{children:p}),_jsxs(StyledModalActions,{align:"center",children:[_jsx(Button,{color:o,onClick:g,size:"md",disabled:q,children:i}),_jsx(Button,{color:m,onClick:f,size:"md",warning:u,style:k,disabled:q,children:h})]})]})};Modal.defaultProps={hint:"",isOpened:!1,doneLabel:"Yes",cancelLabel:"No",doneButtonStyle:void 0,doneButtonColor:"basic",cancelButtonColor:"basic",children:void 0,areButtonsDisabled:!1,zIndex:void 0,className:void 0,width:"",isWarning:!1};export default Modal;