ios-mail/Modules/App/Sources/UI/Views/LiquidGlass/LiquidUnreadButton.swift

// Copyright (c) 2026 Proton Technologies AG
//
// This file is part of Proton Mail.
//
// Proton Mail is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// Proton Mail is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with Proton Mail. If not, see https://www.gnu.org/licenses/.

import InboxDesignSystem
import SwiftUI

struct LiquidUnreadButton: ToolbarContent {
    let unreadButtonState: UnreadButtonState
    let action: () -> Void

    var body: some ToolbarContent {
        ToolbarItem(placement: .bottomBar) {
            Button(action: action) {
                HStack(spacing: DS.Spacing.compact) {
                    HStack(spacing: DS.Spacing.small) {
                        Text(L10n.Mailbox.unread)
                            .font(.body)
                            .fontWeight(.medium)
                        Text(unreadButtonState.counterState.string)
                            .fontWeight(.semibold)
                    }
                    if unreadButtonState.isSelected {
                        Image(symbol: .xmark)
                            .fontWeight(.heavy)
                            .font(.caption)
                    }
                }
            }
            .modify { view in
                if #available(iOS 26, *), unreadButtonState.isSelected {
                    view
                        .buttonStyle(.glassProminent)
                        .tint(DS.Color.InteractionBrand.norm)
                } else {
                    view
                }
            }
        }
    }
}

#Preview {
    @Previewable @State var isSelected = false

    NavigationStack {
        Color.clear
            .toolbar {
                LiquidUnreadButton(
                    unreadButtonState: .init(
                        isSelected: isSelected,
                        counterState: .known(unreadCount: 100)
                    ),
                    action: { isSelected.toggle() }
                )
            }
            .animation(.default, value: isSelected)
    }
}