//! Client-side (WASM) implementations for filter components
//!
//! These components provide interactive filtering functionality that runs
//! in the browser after hydration, including DOM manipulation and navigation.

// No longer need these imports as they were moved to unified.rs

use leptos::prelude::*;

use super::unified::UnifiedCategoryFilter;

/// Client-side Content Category Filter Component
///
/// Provides interactive filtering functionality including:
/// - Category button interactions
/// - URL navigation to filtered views
/// - Visual state updates
#[component]
pub fn CategoryFilterClient(
    content_type: String,
    language: String,
    #[prop(optional)] all_emoji: Option<String>,
) -> impl IntoView {
    let all_emoji = all_emoji.unwrap_or_else(|| "📚".to_string());

    // Load categories dynamically from filter-index.json

    view! {
        <div class="mb-8">
            <UnifiedCategoryFilter
                content_type=content_type
                language=language
                _all_emoji=all_emoji
            />
        </div>
    }
}
