//
//  VerticalColon.swift
//  TheNoiseClock
//
//  Created by Matt Bruce on 9/9/25.
//

import SwiftUI

/// Component for displaying vertical colon separator (two dots stacked vertically)
struct VerticalColon: View {
    let dotDiameter: CGFloat
    let spacing: CGFloat
    let opacity: Double
    let digitColor: Color
    let glowIntensity: Double
    let fontWeight: String
    
    var body: some View {
        let clamped = ColorUtils.clampOpacity(opacity)
        VStack(spacing: spacing) {
            DotCircle(size: dotDiameter, opacity: clamped, digitColor: digitColor, glowIntensity: glowIntensity, fontWeight: fontWeight)
            DotCircle(size: dotDiameter, opacity: clamped, digitColor: digitColor, glowIntensity: glowIntensity, fontWeight: fontWeight)
        }
        .fixedSize(horizontal: true, vertical: true)
        .accessibilityHidden(true)
    }
}

// MARK: - Preview
#Preview {
    VerticalColon(
        dotDiameter: 12,
        spacing: 8,
        opacity: 1.0,
        digitColor: .white,
        glowIntensity: 0.3,
        fontWeight: "Regular"
    )
    .background(Color.black)
}
