sp-image-editor
Version:
React component version of filerobot image editor (FIE).
1 lines • 1.37 kB
JavaScript
import React from"react";import{Button,ModalContent}from"@scaleflex/ui/core";import{StyledModal,StyledModalTitle,StyledModalActions}from"./Modal.styled";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 React.createElement(StyledModal,{className:s,open:j,onClose:g,style:{zIndex:r},onKeyUp:function(a){"Enter"===a.key&&f(a),"Escape"===a.key&&g()},width:t,role:"dialog",tabIndex:-1,"aria-modal":"true","aria-label":b},React.createElement(StyledModalTitle,{icon:React.createElement(d,{size:25}),iconShadow:!0,isWarning:u,onClose:g,primary:b,secondary:c,variant:"with-icon"}),p&&React.createElement(ModalContent,null,p),React.createElement(StyledModalActions,{align:"center"},React.createElement(Button,{color:o,onClick:g,size:"md",disabled:q},i),React.createElement(Button,{color:m,onClick:f,size:"md",warning:u,style:k,disabled:q},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;