//
//  MonthsOfYearView.swift
//  DayByDay
//

import SwiftUI

/// Displays all twelve months as large, tappable cards in a scrollable grid.
/// Adapts between 1 and 2 columns depending on available width.
struct MonthsOfYearView: View {
    private let columns = [
        GridItem(.adaptive(minimum: 300, maximum: 500), spacing: 24)
    ]

    var body: some View {
        ScrollView {
            LazyVGrid(columns: columns, spacing: 24) {
                ForEach(MonthOfYear.allCases) { month in
                    MonthCard(month: month, isHighlighted: month == .current)
                        .frame(height: 200)
                }
            }
            .padding(32)
        }
    }
}

#Preview {
    MonthsOfYearView()
}