Labeled Gauge Accessory Circular

import SwiftUI

struct UseLabeledGaugeAccessoryCircular: View {
    var body: some View {
        VStack {
            LabeledGaugeAccessoryCircular(minValue: 0.0, maxValue: 220.0, currentValue: 44)
        }
        .padding()
    }
}

#Preview {
    UseLabeledGaugeAccessoryCircular()
}

struct LabeledGaugeAccessoryCircular: View {
    var minValue: Float
    var maxValue: Float
    var currentValue: Float
    let gradient = Gradient(colors: [.green, .blue, .yellow, .orange, .red])
    
    var body: some View {
        Gauge(value: currentValue, in: minValue...maxValue) {
            Text("MPH")
        } currentValueLabel: {
            Text("\\(Int(currentValue))")
        } minimumValueLabel: {
            Text("\\(Int(minValue))")
                .font(.system(size: 10, weight: .light))
                .foregroundStyle(.secondary)
        } maximumValueLabel: {
            Text("\\(Int(maxValue))")
                .font(.system(size: 10, weight: .light))
                .foregroundStyle(.secondary)
        }
        .gaugeStyle(.accessoryCircular)
        .tint(gradient)
    }
}