Meshtastic-Apple/MeshtasticClient/Views/Helpers/CircleText.swift

/*
Abstract:
A view draws a circle in the background of the shortName text
*/

import SwiftUI

struct CircleText: View {
    var text: String
    var color: Color
	var circleSize: CGFloat? = 50
	var fontSize: CGFloat? = 22

    var body: some View {
		
		let font = Font.system(size: fontSize!)
		
        ZStack {
            Circle()
                .fill(color)
                .frame(width: circleSize, height: circleSize)
			Text(text).textCase(.uppercase).font(font).foregroundColor(.white).fixedSize()
                .frame(width: circleSize, height: circleSize, alignment: /*@START_MENU_TOKEN@*/.center/*@END_MENU_TOKEN@*/).offset(x: 0, y: 0)
        }
    }
}

struct CircleText_Previews: PreviewProvider {
    static var previews: some View {
		CircleText(text: "RDN", color: Color.accentColor)
            .previewLayout(.fixed(width: 300, height: 100))
    }
}