//! Footer component

use leptos::prelude::*;

/// Footer component with copyright and version information
///
/// Displays at the bottom of all pages with consistent styling.
#[component]
pub fn Footer() -> impl IntoView {
    let current_year = 2025; // Could be dynamic with chrono in the future

    view! {
        <footer class="bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 mt-auto transition-colors duration-200">
            <div class="dash-container py-6">
                <div class="flex flex-col md:flex-row justify-between items-center gap-4">
                    <p class="text-sm text-gray-600 dark:text-gray-400">
                        "© " {current_year} " Syntaxis. All rights reserved."
                    </p>
                    <div class="flex gap-4 text-sm">
                        <a
                            href="https://github.com/yourusername/project-lifecycle"
                            class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
                            target="_blank"
                            rel="noopener noreferrer"
                        >
                            "GitHub"
                        </a>
                        <span class="text-gray-400 dark:text-gray-600">"|"</span>
                        <span class="text-gray-600 dark:text-gray-400">
                            "v0.1.0"
                        </span>
                    </div>
                </div>
            </div>
        </footer>
    }
}
