react-filerobot-image-editor/lib/components/common/Spinner/index.js

React component version of filerobot image editor (FIE).

import React from"react";import{Color as PC}from"@scaleflex/ui/utils/types/palette";import{Label}from"@scaleflex/ui/core";import isFunction from"../../../utils/isFunction";import{StyledSpinnerWrapper,StyledSpinner,StyledSpinnerCancelButton}from"./Spinner.styled";import{ConfirmationModal}from"../ConfirmationModals";var Spinner=function(a){var b=a.loadingData,c=a.theme,d=a.t,e=b||{},f=e.isLoadingGlobally,g=e.text,h=e.cancelFn,i=e.useCancelConfirmationModal,j=e.confirmationTitle,k=e.confirmationHint;return f?React.createElement(StyledSpinnerWrapper,{"data-testid":"FIE-spinner-wrapper",className:"FIE_spinner-wrapper"},React.createElement(StyledSpinner,{"data-testid":"FIE-spinner",size:50,color:c.palette[PC.AccentStateless]}),g&&React.createElement(Label,{size:"lg"},g),isFunction(h)&&(i?React.createElement(ConfirmationModal,{title:j,hint:k,onConfirm:h},React.createElement(StyledSpinnerCancelButton,{onClick:h,size:"md","data-testid":"FIE-spinner-cancel-button"},d("cancel"))):React.createElement(StyledSpinnerCancelButton,{onClick:h,size:"md","data-testid":"FIE-spinner-cancel-button"},d("cancel")))):null};export default Spinner;