Error U I - Copy this React, Tailwind Component to your project

<div className="fixed inset-0 bg-black bg-opacity-50 flex justify-center items-center z-50 transition-opacity duration-300 ease-in-out"> <div className="bg-white p-6 rounded-lg shadow-2xl w-[90%] max-w-md text-center"> <div className="flex flex-row items-center justify-cenrer mb-4 "> {/* React Icon */} <AiOutlineWarning className="h-8 w-8 text-red-500" /> <h2 className="text-2xl font-semibold text-red-500"> {state.error} </h2> </div> <p className="text-gray-600 text-sm"> Something went wrong. Please try again. </p> </div> </div>