| import React from 'react'; | |
| import { FaLeaf } from 'react-icons/fa'; | |
| const Loading = ({ message = 'Loading...' }) => { | |
| return ( | |
| <div className="flex flex-col items-center justify-center min-h-[400px]"> | |
| <FaLeaf className="text-6xl text-green-600 animate-bounce mb-4" /> | |
| <p className="text-lg text-gray-600">{message}</p> | |
| <div className="mt-4 flex space-x-2"> | |
| <div className="w-3 h-3 bg-green-600 rounded-full animate-pulse"></div> | |
| <div className="w-3 h-3 bg-green-600 rounded-full animate-pulse delay-75"></div> | |
| <div className="w-3 h-3 bg-green-600 rounded-full animate-pulse delay-150"></div> | |
| </div> | |
| </div> | |
| ); | |
| }; | |
| export default Loading; | |