Dynamic Type (Large Text) on tvOS

import SwiftUI

struct ContentCard: View {
    let title: String
    let subtitle: String
    let imageName: String

    @Environment(\.dynamicTypeSize) private var dynamicTypeSize

    private var usesAccessibilitySize: Bool {
        dynamicTypeSize.isAccessibilitySize
    }

    var body: some View {
        // Switch between HStack and VStack based on text size
        let layout: AnyLayout = usesAccessibilitySize
            ? AnyLayout(VStackLayout(alignment: .leading, spacing: 12))
            : AnyLayout(HStackLayout(alignment: .top, spacing: 16))

        layout {
            Image(systemName: imageName)
                .resizable()
                .scaledToFit()
                .frame(width: usesAccessibilitySize ? 80 : 120,
                       height: usesAccessibilitySize ? 80 : 120)
                .cornerRadius(8)

            VStack(alignment: .leading, spacing: 4) {
                Text(title)
                    .font(.headline)          // semantic style — scales automatically
                    .frame(maxWidth: .infinity, alignment: .leading)

                Text(subtitle)
                    .font(.caption)           // semantic style — scales automatically
                    .foregroundStyle(.secondary)
                    .frame(maxWidth: .infinity, alignment: .leading)
            }
        }
        .padding()
        .background(.regularMaterial)
        .cornerRadius(12)
    }
}

struct ContentCardPreview: View {
    var body: some View {
        VStack(spacing: 20) {
            ContentCard(
                title: "Coastal Sunrise",
                subtitle: "A relaxing beach timelapse at dawn",
                imageName: "beach.umbrella"
            )
            ContentCard(
                title: "Mountain Camping",
                subtitle: "Overnight adventure in the Sierras",
                imageName: "tent"
            )
        }
        .padding()
    }
}

#Preview {
    ContentCardPreview()
        // Simulate accessibility text size in canvas
        .environment(\.dynamicTypeSize, .accessibility2)
}