element-ios/RiotSwiftUI/Modules/Settings/Notifications/View/Chip.swift

61 lines
1.5 KiB
Swift

//
// Copyright 2021-2024 New Vector Ltd.
//
// SPDX-License-Identifier: AGPL-3.0-only
// Please see LICENSE in the repository root for full details.
//
import SwiftUI
/// A single rounded rect chip to be rendered within `Chips` collection
struct Chip: View {
@Environment(\.isEnabled) var isEnabled
@Environment(\.theme) var theme: ThemeSwiftUI
let title: String
let onDelete: () -> Void
var backgroundColor: Color {
if !isEnabled {
return theme.colors.quinaryContent
}
return theme.colors.accent
}
var foregroundColor: Color {
if !isEnabled {
return theme.colors.tertiaryContent
}
return Color.white
}
var body: some View {
HStack {
Text(title)
.font(theme.fonts.body)
.lineLimit(1)
Button(action: onDelete) {
Image(systemName: "xmark.circle.fill")
.frame(width: 16, height: 16, alignment: .center)
}
}
.padding(.leading, 12)
.padding(.top, 6)
.padding(.bottom, 6)
.padding(.trailing, 8)
.background(backgroundColor)
.foregroundColor(foregroundColor)
.cornerRadius(20)
}
}
struct Chip_Previews: PreviewProvider {
static var previews: some View {
Group {
Chip(title: "My great chip", onDelete: { })
Chip(title: "My great chip", onDelete: { })
.theme(.dark)
}
}
}