{"size": 491, "ext": "js", "max_stars_repo_path": "client/src/components/layout/Loader.js", "max_stars_repo_name": "amehi4yus/mern-spices", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "client/src/components/layout/Loader.js", "max_issues_repo_name": "amehi4yus/mern-spices", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "client/src/components/layout/Loader.js", "max_forks_repo_name": "amehi4yus/mern-spices", "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": 16.9310344828, "max_line_length": 43, "alphanum_fraction": 0.6130346232}
import React from 'react'
import Lottie from 'react-lottie'
import animationData from './food.json'

const Loader = () => {

  const defaultOptions = {
    loop: true,
    autoplay: true,
    animationData: animationData,
    rendererSettings: {
      preserveAspectRatio: "xMidYMid slice"
    }
  }

  return (
    <div className="loader-container">
      <Lottie 
        options={defaultOptions}
        height={400}
        width={400}
      />
    </div>
  )
 
}

export default Loader
