kupos-service-item-package/dist/assets/LottiePlayer.js

A reusable service item component

import React from "react";
if (typeof document !== "undefined") {
    if (!document.getElementById("lottie-player-script")) {
        const script = document.createElement("script");
        script.id = "lottie-player-script";
        script.src =
            "https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js";
        script.async = true;
        document.head.appendChild(script);
    }
}
const LottiePlayer = ({ animationData, background = "transparent", speed = "1", width = "20px", height = "20px", loop = true, autoplay = true, className = "", }) => {
    return (React.createElement("div", { className: `lottie-container ${className}` }, typeof window !== "undefined" && (React.createElement("div", { dangerouslySetInnerHTML: {
            __html: `<lottie-player 
              src='${JSON.stringify(animationData)}' 
              background="${background}" 
              speed="${speed}" 
              style="width: ${width}; height: ${height};" 
              ${loop ? "loop" : ""}
              ${autoplay ? "autoplay" : ""}>
            </lottie-player>`,
        } }))));
};
export default LottiePlayer;