iPhone Duo Adaptive Design Principles

import SwiftUI

struct PlayerView: View {
    @State private var isPlaying = false

    var body: some View {
        VideoCanvas()
            // Controls hug the outer edge on both displays instead of
            // floating over the center, where the hinge and cameras live.
            .safeAreaInset(edge: .leading) {
                PlaybackControls(isPlaying: $isPlaying)
                    .padding(.leading, 12)
                    .padding(.vertical, 24)
            }
    }
}

struct PlaybackControls: View {
    @Binding var isPlaying: Bool

    var body: some View {
        VStack(spacing: 20) {
            Button(isPlaying ? "Pause" : "Play", systemImage: isPlaying ? "pause.fill" : "play.fill") {
                isPlaying.toggle()
            }
            .labelStyle(.iconOnly)
            Button("Skip Forward", systemImage: "goforward.15") { }
                .labelStyle(.iconOnly)
        }
    }
}

struct VideoCanvas: View {
    var body: some View { Color.black.ignoresSafeArea() }
}