import React, { memo } from 'react';
import Lottie from 'react-lottie';
import animationData from '../../assets/animations/opening.json';
import './Openning.css';
var defaultOptions = {
  loop: false,
  autoplay: true,
  animationData: animationData,
  rendererSettings: {
    preserveAspectRatio: 'xMidYMid slice'
  }
};

var Openning = function Openning(props) {
  return /*#__PURE__*/React.createElement("div", {
    className: "openning"
  }, /*#__PURE__*/React.createElement(Lottie, {
    className: "",
    options: defaultOptions,
    width: "100%",
    height: "100%",
    direction: 1,
    isStopped: false,
    isPaused: props.isPaused,
    eventListeners: [{
      eventName: 'complete',
      callback: props.onNextTransition
    }]
  }));
};

export default memo(Openning);