//
//  AnimalsView.swift
//  DayByDay
//

import SwiftUI

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

    var body: some View {
        ScrollView {
            LazyVGrid(columns: columns, spacing: 24) {
                ForEach(LearnAnimal.allCases) { animal in
                    AnimalCard(animal: animal)
                        .frame(height: 200)
                }
            }
            .padding(32)
        }
    }
}

#Preview {
    AnimalsView()
}