// CachedBadge.swift
// Jarvis — offline-cache indicators (a bare dot, and a labelled green badge).

import SwiftUI

/// Tiny green dot — used in the signal feed rows when a story is cached offline.
struct CachedDot: View {
    var size: CGFloat = 7
    var body: some View {
        Circle()
            .fill(Palette.cachedGreen)
            .frame(width: size, height: size)
            .overlay(Circle().stroke(Color(hex: "3E7E3E"), lineWidth: 0.5))
    }
}

/// Labelled green badge — "Cached", or "All N articles cached · available offline".
struct CachedBadge: View {
    let text: String

    var body: some View {
        HStack(spacing: 6) {
            CachedDot(size: 6)
            Text(text)
                .font(.system(size: 12, weight: .bold))
                .foregroundStyle(Color(hex: "6FBF6F"))
        }
        .padding(.horizontal, 9)
        .padding(.vertical, 5)
        .background(Palette.cachedGreen.opacity(0.18))
        .clipShape(Capsule())
    }
}

#Preview {
    VStack(spacing: 16) {
        CachedDot()
        CachedBadge(text: "Cached")
        CachedBadge(text: "All 7 articles cached · available offline")
    }
    .padding()
    .background(Palette.background)
}