//
//  DFMiniMetric.swift
//  hippo-watch-extension
//

import SwiftUI

struct DFMiniMetric: View {
    let value: String
    let icon: String
    let tint: Color

    var body: some View {
        VStack(spacing: 1) {
            Image(systemName: icon)
                .font(.system(size: 9, weight: .semibold))
            Text(value)
                .font(.system(size: 8, weight: .bold, design: .rounded))
                .lineLimit(1)
                .minimumScaleFactor(0.7)
        }
        .foregroundStyle(.white)
        .frame(width: 24, height: 24)
        .background(tint.opacity(0.26), in: Circle())
        .overlay(Circle().stroke(tint, lineWidth: 1))
    }
}