donovanclarke / react-lottie Goto Github PK

import React from "react";
import Lottie from "react-lottie-wrapper";
import * as LogoAnimation from "../../assets/LogoAnimation.json";
const LogoLoader = () => {
    const defaultOptions = {
        loop: true,
        autoplay: true,
        animationData: LogoAnimation.default,
        rendererSettings: {
            preserveAspectRatio: "xMidYMid slice"
        }
    };
    return (
        <div className="logoloader_container">
            <Lottie
                options={defaultOptions}
                height={200}
                width={200}
            />
            <span className="logoloader-text">LOADING..</span>
        </div>
    )
}

export default LogoLoader;