// // 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 { var alignment = VerticalAlignment.firstTextBaseline var role: ButtonRole? private var titleColor: Color { if role == .destructive { return .compound.textCriticalPrimary } else { return .compound.textPrimary } } private var iconBackgroundColor: Color { if role == .destructive { return .compound._bgCriticalSubtleAlpha } else { return .compound._bgSubtleSecondaryAlpha } } private var iconForegroundColor: Color { if role == .destructive { return .compound.textCriticalPrimary } else { return .compound.iconTertiaryAlpha } } func makeBody(configuration: Configuration) -> some View { HStack(alignment: alignment, spacing: 16) { configuration.icon .foregroundColor(iconForegroundColor) .padding(4) .scaledFrame(size: 30) .background(iconBackgroundColor) .clipShape(RoundedRectangle(cornerRadius: 8)) configuration.title .font(.compound.bodyLG) .foregroundColor(titleColor) } } } struct FormRowLabelStyle_Previews: PreviewProvider, TestablePreview { static var previews: some View { VStack(alignment: .leading, spacing: 12) { 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() } }