import SwiftUI

import DropView

struct DropViewContainer: View {
    /// Whether it's presenting the drop view or not.
    @State var isPresented: Bool = false
    /// The time interval before it auto-dismisses.
    @State var seconds: TimeInterval = 2

    /// The underlying view.
    var body: some View {
        Form {
            Slider(value: $seconds, in: 2...10) { Text("Seconds before it auto-dismisses") }
                .padding(.horizontal)
            
            ControlGroup {
                Button {
                    isPresented = true
                } label: {
                    Text("Present")
                }
                Button(role: .destructive) {
                    isPresented = false
                } label: {
                    Text("Dismiss")
                }
            }
        }
        .drop(isPresented: $isPresented, alignment: .bottom, dismissingAfter: seconds) {
            DropView(
                title: "DropView",
                subtitle: "github.com/sbertix/DropView"
            ) {
                Image(systemName: "hand.wave.fill")
                    .imageScale(.large)
                    .font(.headline)
                    .foregroundColor(.secondary)
            } trailing: {
                Image(systemName: "star.circle.fill")
                    .resizable()
                    .frame(width: 40, height: 40)
                    .foregroundColor(.accentColor)
            }
        }
    }
}