mirror of
https://github.com/comit-network/xmr-btc-swap.git
synced 2025-08-01 02:56:08 -04:00
35 lines
674 B
TypeScript
35 lines
674 B
TypeScript
import {
|
|
Box,
|
|
CircularProgress,
|
|
makeStyles,
|
|
Typography,
|
|
} from '@material-ui/core';
|
|
import { ReactNode } from 'react';
|
|
|
|
const useStyles = makeStyles((theme) => ({
|
|
subtitle: {
|
|
paddingTop: theme.spacing(1),
|
|
},
|
|
}));
|
|
|
|
export default function CircularProgressWithSubtitle({
|
|
description,
|
|
}: {
|
|
description: string | ReactNode;
|
|
}) {
|
|
const classes = useStyles();
|
|
|
|
return (
|
|
<Box
|
|
display="flex"
|
|
justifyContent="center"
|
|
alignItems="center"
|
|
flexDirection="column"
|
|
>
|
|
<CircularProgress size={50} />
|
|
<Typography variant="subtitle2" className={classes.subtitle}>
|
|
{description}
|
|
</Typography>
|
|
</Box>
|
|
);
|
|
}
|