{"size": 568, "ext": "js", "max_stars_repo_path": "components/loading/Loading.js", "max_stars_repo_name": "eduardogerentklein/residence-registration", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "components/loading/Loading.js", "max_issues_repo_name": "eduardogerentklein/residence-registration", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "components/loading/Loading.js", "max_forks_repo_name": "eduardogerentklein/residence-registration", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 24.6956521739, "max_line_length": 118, "alphanum_fraction": 0.6742957746}
import Lottie from 'react-lottie'
import LottieLoading from '../../public/lotties/loading.json'

const Loading = () => {
  const lottieOptions = {
    loop: true,
    autoplay: true,
    animationData: LottieLoading,
    rendererSettings: {
      preserveAspectRatio: 'xMidYMid slice',
      className: 'cursor-default'
    }
  }

  return (
    <div className='flex items-center justify-center fixed inset-0 bg-black-25 bg-opacity-25 transition-opacity z-10'>
      <Lottie options={lottieOptions} height={150} width={150} />
    </div>
  )
}

export default Loading
