element-x-ios/compound-ios/Inspector/Sources/Tokens/IconsScreen.swift

//
// Copyright 2025 Element Creations Ltd.
// Copyright 2023-2025 New Vector Ltd.
//
// SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
// Please see LICENSE files in the repository root for full details.
//

import Compound
import SwiftUI

struct IconsScreen: View {
    let icons = Image.compound.allValues.sorted(by: { $0.name < $1.name })
    
    var body: some View {
        ScreenContent(navigationTitle: "Icons") {
            ForEach(icons, id: \.name) { icon in
                IconItem(icon: icon.value, name: icon.name)
            }
        }
    }
}

struct IconItem: View {
    let icon: Image
    let name: String
    
    var body: some View {
        Label {
            Text(name)
                .foregroundColor(.compound.textPrimary)
        } icon: {
            CompoundIcon(customImage: icon)
                .foregroundColor(.compound.iconSecondary)
        }
        .font(.compound.bodyLG)
        .frame(maxWidth: .infinity, alignment: .leading)
    }
}

struct IconsScreen_Previews: PreviewProvider {
    static var previews: some View {
        NavigationStack {
            IconsScreen()
        }
        .previewLayout(.fixed(width: 375, height: 750))
    }
}