Spaces:
Sleeping
Sleeping
| import React from 'react'; | |
| export default function Loader({ message = "Chargement..." }) { | |
| return ( | |
| <div className="absolute inset-0 flex items-center justify-center bg-white/80 backdrop-blur-sm rounded-2xl z-10"> | |
| <div className="text-center"> | |
| <div className="inline-block relative"> | |
| <div className="w-16 h-16 border-4 border-blue-500 border-t-transparent rounded-full animate-spin"></div> | |
| <div className="absolute inset-0 flex items-center justify-center"> | |
| <div className="w-8 h-8 bg-blue-500 rounded-full animate-ping"></div> | |
| </div> | |
| </div> | |
| <p className="mt-4 text-gray-700 font-medium">{message}</p> | |
| </div> | |
| </div> | |
| ); | |
| } |