import SwiftUI

struct CreateRoomScreen: View {
    @EnvironmentObject var store: AppStore
    @Environment(\.presentationMode) var presentationMode

    var body: some View {
        ZStack {
            // Background color
            Color.Material.Background.light
                .ignoresSafeArea()

            // Content
            VStack(spacing: 0) {
                // Header
                CreateRoomScreenHeader(presentationMode: presentationMode)

                // Create room form
                // CreateRoomForm()

                // Tab bar
                Spacer()
                Text("test")
            }
        }
    }
}

private struct CreateRoomScreenHeader: View {
    @Binding var presentationMode: PresentationMode

    var body: some View {
        ZStack {
            // bg
            Color.Material.Background.dark
                .ignoresSafeArea()

            HStack(spacing: 0) {
                Image(systemName: "xmark")
                    .foregroundColor(.Material.Elements.active)
                    .padding(.trailing, 16)
                    .tappablePadding(.symmetric(12)) {
                        presentationMode.dismiss()
                    }
                Spacer()
            }

            // title
            Text("New")
                .font(.head2)
                .foregroundColor(Color.Material.Text.main)
        }
    }
}