Files
bigcapital/packages/webapp/src/components/Indicator/CloudLoadingIndicator.tsx
2023-02-03 01:02:31 +02:00

22 lines
524 B
TypeScript

// @ts-nocheck
import React from 'react';
import classNames from 'classnames';
import { Spinner } from '@blueprintjs/core';
import { CLASSES } from '@/constants/classes';
import { If } from '../Utils/If';
export function CloudLoadingIndicator({ isLoading, children }) {
return (
<div
className={classNames(CLASSES.CLOUD_SPINNER, {
[CLASSES.IS_LOADING]: isLoading,
})}
>
<If condition={isLoading}>
<Spinner size={30} value={null} />
</If>
{children}
</div>
);
}