//! 404 Not Found page component

use leptos::prelude::*;

/// 404 Not Found page
///
/// Displayed when a user navigates to a route that doesn't exist.
#[component]
pub fn NotFoundPage() -> impl IntoView {
    view! {
        <div class="flex flex-col items-center justify-center min-h-[60vh]">
            <div class="dash-card text-center max-w-lg">
                <div class="text-6xl mb-4">"🔍"</div>
                <h1 class="text-4xl font-bold text-gray-900 dark:text-white mb-4">
                    "404 - Page Not Found"
                </h1>
                <p class="text-gray-600 dark:text-gray-400 mb-6">
                    "The page you're looking for doesn't exist or has been moved."
                </p>
                <a
                    href="/"
                    class="dash-btn-primary inline-block"
                >
                    "← Back to Dashboard"
                </a>
            </div>
        </div>
    }
}
