Loading - Copy this React, Tailwind Component to your project

Import React from 'react'; import loadingGif from '../Assets/Images/loading.gif'; // Ajusta la ruta según la ubicación real del GIF const Loading = (props) => { return ( <div className="w full h full fixed block top 0 left 0 bg gray 800 opacity 75 z 50 flex flex col items center justify center"> <img src={loadingGif} alt="Loading..." className="w 20 h 20 mb 4" /> <span className="text white text 2xl font pixel">Loading...</span> </div> ) } export default Loading;