//
//  GuidePage.swift
//  LoopKitUI
//
//  Created by Pete Schwamb on 2020-03-04.
//  Copyright © 2020 LoopKit Authors. All rights reserved.
//

import SwiftUI

public struct GuidePage<Content, ActionAreaContent>: View where Content: View, ActionAreaContent: View {
    let content: Content
    let actionAreaContent: ActionAreaContent

    @Environment(\.horizontalSizeClass) var horizontalSizeClass

    public init(@ViewBuilder content: @escaping () -> Content,
         @ViewBuilder actionAreaContent: @escaping () -> ActionAreaContent)
    {
        self.content = content()
        self.actionAreaContent = actionAreaContent()
    }

    public var body: some View {
        VStack(spacing: 0) {
            List {
                if self.horizontalSizeClass == .compact {
                    Section(header: EmptyView(), footer: EmptyView()) {
                        self.content
                    }
                } else {
                    self.content
                }
            }
            .insetGroupedListStyle()
            VStack {
                self.actionAreaContent
            }
            .padding(self.horizontalSizeClass == .regular ? .bottom : [])
            .background(Color(UIColor.secondarySystemGroupedBackground).shadow(radius: 5))
        }
        .edgesIgnoringSafeArea(.bottom)
    }
}

struct GuidePage_Previews: PreviewProvider {
    static var previews: some View {
        GuidePage(content: {
            Text("content")
            Text("more content")
            Image(systemName: "circle")
        }) {
            Button(action: {
                print("Button tapped")
            }) {
                Text("Action Button")
                    .actionButtonStyle()
            }
        }
    }
}