letro-ios/ElementX/Sources/Other/SwiftUI/Form Styles/FormRowLabelStyle.swift

//
// Copyright 2023 New Vector Ltd
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
//

import SwiftUI

struct FormRowLabelStyle: LabelStyle {
    @ScaledMetric private var menuIconSize = 30.0
    
    var alignment = VerticalAlignment.firstTextBaseline
    var role: ButtonRole?

    private var titleColor: Color {
        if role == .destructive {
            return .element.alert
        } else {
            return .element.primaryContent
        }
    }

    private var iconBackgroundColor: Color {
        if role == .destructive {
            return .element.alert.opacity(0.1)
        } else {
            return .element.formBackground
        }
    }

    private var iconForegroundColor: Color {
        if role == .destructive {
            return .element.alert
        } else {
            return .element.secondaryContent
        }
    }

    func makeBody(configuration: Configuration) -> some View {
        HStack(alignment: alignment, spacing: 16) {
            configuration.icon
                .foregroundColor(iconForegroundColor)
                .padding(4)
                .frame(width: menuIconSize, height: menuIconSize)
                .background(iconBackgroundColor)
                .clipShape(RoundedRectangle(cornerRadius: 8))
            configuration.title
                .font(.element.body)
                .foregroundColor(titleColor)
        }
    }
}

struct FormRowLabelStyle_Previews: PreviewProvider {
    static var previews: some View {
        VStack(alignment: .leading) {
            Label("Person", systemImage: "person")
                .labelStyle(FormRowLabelStyle())
            
            Label("Help", systemImage: "questionmark.circle")
                .labelStyle(FormRowLabelStyle())
            
            Label("Camera", systemImage: "camera")
                .labelStyle(FormRowLabelStyle())
            
            Label("Help", systemImage: "questionmark")
                .labelStyle(FormRowLabelStyle())

            Label("Destroy", systemImage: "x.circle")
                .labelStyle(FormRowLabelStyle(role: .destructive))
        }
        .padding()
    }
}