import SwiftUI

struct SearchField: View {
    var placeholder: String
    @Binding var text: String

    var body: some View {
        HStack(spacing: 12) {
            Image(systemName: "magnifyingglass")
                .foregroundStyle(AppColors.secondary)
            TextField(placeholder, text: $text)
                .textInputAutocapitalization(.never)
                .autocorrectionDisabled()
        }
        .padding(.horizontal, 16)
        .frame(height: 52)
        .background(AppColors.backgroundLight)
        .clipShape(RoundedRectangle(cornerRadius: AppLayout.radiusLG, style: .continuous))
        .overlay(
            RoundedRectangle(cornerRadius: AppLayout.radiusLG, style: .continuous)
                .stroke(AppColors.secondary.opacity(0.15), lineWidth: 1)
        )
    }
}

struct PillButton: View {
    let title: String
    let isActive: Bool

    var body: some View {
        Text(title)
            .font(AppTypography.caption)
            .tracking(AppTypography.captionLetterSpacing)
            .foregroundStyle(isActive ? AppColors.textInverse : AppColors.secondary)
            .padding(.horizontal, 14)
            .padding(.vertical, 8)
            .background(isActive ? AppColors.primary : AppColors.backgroundLight)
            .clipShape(Capsule())
            .overlay(
                Capsule()
                    .stroke(AppColors.secondary.opacity(0.15), lineWidth: isActive ? 0 : 1)
            )
    }
}