amplify-material-ui/lib/esm/auth/loading.js

A Material-UI based implementation of aws amplify

import * as React from 'react';
import { CircularProgress } from '@mui/material';
import makeStyles from '@mui/styles/makeStyles';
import createStyles from '@mui/styles/createStyles';
import { FormSection } from '../ui';
var useStyles = makeStyles(function (theme) {
    return createStyles({
        progress: {
            margin: theme.spacing(2),
        },
    });
});
export var Loading = function (_a) {
    var color = _a.color;
    var classes = useStyles();
    return (React.createElement(FormSection, null,
        React.createElement(CircularProgress, { className: classes.progress, color: color })));
};
Loading.defaultProps = {
    color: 'secondary',
};