Device Hub

import SwiftUI

// Device Hub itself is a developer tool app, not a callable framework.
// The typical integration point for developers is SimulatorKit / devicectl
// and writing apps that respond correctly to the settings Device Hub controls.
//
// The snippet below shows a SwiftUI view that correctly responds to the
// three settings Hassan & Matt used to reproduce the bug:
// 1. Dynamic Type size (text size)
// 2. Landscape orientation
// 3. A location-based string (simulated via Device Hub's location panel)

struct RecoveryAdviceView: View {
    let locationName: String
    let recoveryAdvice: String

    @Environment(\.dynamicTypeSize) private var dynamicTypeSize
    @Environment(\.horizontalSizeClass) private var horizontalSizeClass

    var body: some View {
        VStack(alignment: .leading, spacing: 12) {
            Text("Recovery Advice")
                .font(.headline)

            // Use fixedSize(horizontal:vertical:) carefully in landscape:
            // In compact width (landscape iPhone) text can truncate.
            // Prefer a scrollable container or line limit with truncation mode.
            ScrollView {
                Text(recoveryAdvice)
                    .font(.body)
                    // Allow multiline expansion instead of truncating
                    .fixedSize(horizontal: false, vertical: true)
                    .frame(maxWidth: .infinity, alignment: .leading)
            }

            Label(locationName, systemImage: "location.fill")
                .font(.caption)
                .foregroundStyle(.secondary)
        }
        .padding()
        // Device Hub's rotation control maps directly to
        // the simulator's orientation, which drives horizontalSizeClass.
        .background(horizontalSizeClass == .compact ? Color.blue.opacity(0.05) : Color.clear)
    }
}

// Preview that mirrors Device Hub's instant configuration changes:
// Change dynamicTypeSize or horizontalSizeClass in the preview
// to simulate what Device Hub does without leaving Xcode.
#Preview("Landscape + Accessibility XXL") {
    RecoveryAdviceView(
        locationName: "Johannesburg, ZA",
        recoveryAdvice: "Given your high-altitude session in Johannesburg, we recommend 48 hours of low-intensity activity and increased hydration before your next peak effort."
    )
    .environment(\.dynamicTypeSize, .accessibility2)
    .environment(\.horizontalSizeClass, .compact)
    .previewLayout(.fixed(width: 667, height: 375)) // landscape iPhone
}