psicoadmin/src/Components/Generics/loading.jsx

import React from "react";
import '../../Css/loading.css'

import { Paper, Box } from '@mui/material'

export function Loading() {

  const types = [
    "dot-pulse", "dot-elastic", "dot-flashing", "dot-collision", "dot-revolution", "dot-carousel",
    "dot-fire", "dot-spin", "dot-falling", "dot-stretching"
  ];

  return (
    <div className="content-section">
      <div className="main">
        <Box>
          <Paper sx={{ mb: 2, padding: 2, }}>

            <div className="content-section">
              <div className="loading_or_content">
                <div className="snippet" data-title=".dot-pulse">
                  <div className="stage">
                    <div className={types[0]}></div>
                  </div>
                </div>
              </div>
            </div>

          </Paper>
        </Box>
      </div>
    </div>

  )
}