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

import { Box, Paper } 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">
      <Paper>
        <div className="main">
          <Box className="loadingGeneric">
            <div className="loading_or_content">
              <div className="snippet" data-title=".dot-pulse">
                <div className="stage">
                  <div className={types[0]}></div>
                </div>
              </div>
            </div>
          </Box>
        </div>
      </Paper>
    </div>

  )
}
