@trap_stevo/legendarybuilderproreact-ui/dist/HUDComponents/HUDBurnTransition.js

The legendary UI & utility API that makes your application a legendary application. ~ Created by Steven Compton

import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
import React, { useEffect, useState } from 'react';
import PropTypes from 'prop-types';
import '../HUDStyles/HUDAnimations.css';
var HUDBurnTransition = function HUDBurnTransition(_ref) {
  var duration = _ref.duration,
    colors = _ref.colors,
    onComplete = _ref.onComplete;
  var _useState = useState(true),
    _useState2 = _slicedToArray(_useState, 2),
    visible = _useState2[0],
    setVisible = _useState2[1];
  useEffect(function () {
    var timeoutId = setTimeout(function () {
      setVisible(false);
      onComplete && onComplete();
    }, duration);
    return function () {
      return clearTimeout(timeoutId);
    };
  }, [duration, onComplete]);
  var gradient = "linear-gradient(to bottom right, ".concat(colors[0], ", ").concat(colors[1], ")");
  return /*#__PURE__*/React.createElement("div", {
    className: "hud-burn-transition ".concat(visible ? "visible" : "hidden")
  }, /*#__PURE__*/React.createElement("div", {
    className: "hud-burn-overlay",
    style: {
      background: gradient
    }
  }));
};
HUDBurnTransition.propTypes = {
  duration: PropTypes.number.isRequired,
  colors: PropTypes.arrayOf(PropTypes.string).isRequired,
  onComplete: PropTypes.func
};
export default HUDBurnTransition;