use leptos::prelude::*;

#[component]
pub fn PaginationSSR(
    current_page: usize,
    total_pages: usize,
    class: &'static str,
) -> impl IntoView {
    // Simplified SSR version - just show current page info
    view! {
        <div class={format!("flex items-center gap-2 {}", class)}>
            <button
                class="px-3 py-2 ds-btn ds-btn-sm bg-white/5 disabled:opacity-50"
                disabled={current_page <= 1}
            >
                "←"
            </button>

            <span class="px-4 py-2 text-white">
                {format!("{} / {}", current_page, total_pages)}
            </span>

            <button
                class="px-3 py-2 ds-btn ds-btn-sm bg-white/5 disabled:opacity-50"
                disabled={current_page >= total_pages}
            >
                "→"
            </button>
        </div>
    }
}
