import SwiftUI

struct FilterNavBar: View {
    @State private var selectedFilters: Set<FilterType> = []
    
    var body: some View {
        ScrollView(.horizontal, showsIndicators: false) {
            HStack(spacing: 8) {
                // Filter icon button
                SmallButton.tertiaryIcon("Icon/filter") {
                    // Handle filter menu action
                }
                
                ForEach(FilterType.allCases, id: \.self) { filter in
                    SmallButton.tertiary(filter.title) {
                        withAnimation(.easeInOut(duration: 0.2)) {
                            if selectedFilters.contains(filter) {
                                selectedFilters.remove(filter)
                            } else {
                                selectedFilters.insert(filter)
                            }
                        }
                    }
                }
            }
        }
        .padding(.bottom, 8)
    }
}


enum FilterType: String, CaseIterable {
    case liked = "Liked"
    case extensions = "Extensions"
    case covers = "Covers"
    case uploads = "Uploads"
    
    var title: String {
        return self.rawValue
    }
}

#Preview {
    FilterNavBar()
        .background(Constants.Colors.Background.primary)
}