import React from 'react';
import {Box} from "@mui/material";

interface SpinningRingsLoadingProps {
    color?: string;
}

const LoadingComponent = ({color}: SpinningRingsLoadingProps) => {
    return (
        <Box>
        <Box
            className={`rounded-full w-20 h-20 bg-transparent border-4 animate-rotateZ`}
            style={{borderColor: color}}
        />
    <Box
        className={`rounded-full w-16 h-16 bg-transparent border-4 animate-rotateZ`}
        style={{borderColor: color}}
    /></Box>
    );
};

export default LoadingComponent;