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

//
// Copyright 2021 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

/// 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)
        }
    }
}