//
//  SelectableTagView.swift
//  
//
//  Created by Shunzhe on 2022/02/22.
//

import SwiftUI

@available(iOS 13.0, *)
@available(macOS 10.15, *)
@available(watchOS 6.0, *)
public struct SelectableTagView: View {
    
    var tagContent: String
    
    var isTagSelected: Bool
    var textFont: Font
    var textPadding: CGFloat
    var styleColor: Color
    
    var onTagSelected: (String) -> Void
    
    public init(tagContent: String, textFont: Font = .headline, textPadding: CGFloat = 10, styleColor: Color = .blue, isTagSelected: Bool, onTagSelected: @escaping (String) -> Void = { _ in } ) {
        self.tagContent = tagContent
        self.textFont = textFont
        self.textPadding = textPadding
        self.onTagSelected = onTagSelected
        self.styleColor = styleColor
        self.isTagSelected = isTagSelected
    }
    
    public var body: some View {
        Text(tagContent)
            .font(textFont)
            .foregroundColor(isTagSelected ? .white : styleColor)
            .padding(textPadding)
            .background(RoundedRectangle(cornerRadius: 16).foregroundColor(isTagSelected ? styleColor : .white))
            .overlay(
                RoundedRectangle(cornerRadius: 16)
                    .stroke(styleColor, lineWidth: 2)
            )
            .onTapGesture(perform: {
                self.onTagSelected(tagContent)
            })
    }
}

@available(iOS 13.0, *)
@available(macOS 10.15, *)
@available(watchOS 6.0, *)
struct SwiftUIView_Previews: PreviewProvider {
    static var previews: some View {
        VStack {
            SelectableTagView(tagContent: "Selected Button", isTagSelected: true)
            SelectableTagView(tagContent: "Normal Button", isTagSelected: false)
        }
    }
}