import { Bell } from "lucide-react"

export default function TestNotification() {
    return (
        <div>
            <dialog id="test_notification" className="modal">
                <div className="modal-box w-11/12 max-w-3xl border-l-4 border-success">
                    <div className="flex items-center gap-3 mb-3">
                        <div className="bg-success text-success-content rounded-full p-2 flex items-center justify-center">
                            <Bell className="h-6 w-6" />
                        </div>
                        <h3 className="font-bold text-xl">Test Notification</h3>
                    </div>
    
                    <div className="bg-base-200 p-4 rounded-lg mb-4">
                        <p>
                            This will send a test notification to the selected notification provider.
                        </p>
                    </div>
                </div>
            </dialog>
        </div>
    )
}