SwiftUI Custom Bottom Sheet

import SwiftUI

struct BottomSheetView: View {
    @State private var showingSheet = false
    
    var body: some View {
        Button("Show Bottom Sheet") {
            showingSheet = true
        }
        .sheet(isPresented: $showingSheet) {
            CustomBottomSheetContent()
                .presentationDetents([.medium, .large])
        }
    }
}

struct CustomBottomSheetContent: View {
    var body: some View {
        ScrollView {
            VStack(spacing: 16) {
                RoundedRectangle(cornerRadius: 4)
                    .frame(width: 40, height: 5)
                    .foregroundColor(.gray.opacity(0.5))
                    .padding(.top, 8)
                
                Text("Custom Bottom Sheet")
                    .font(.title2)
                    .fontWeight(.bold)
                
                Text("This is a fully customizable bottom sheet modal. You can adjust colors, fonts, and detent sizes to fit your app's design.")
                    .multilineTextAlignment(.center)
                    .padding(.horizontal)
                
                Button(action: {}) {
                    Text("Primary Action")
                        .foregroundColor(.white)
                        .padding()
                        .frame(maxWidth: .infinity)
                        .background(Color.blue)
                        .cornerRadius(12)
                }
                
                Button(action: {}) {
                    Text("Secondary Action")
                        .foregroundColor(.blue)
                        .padding()
                        .frame(maxWidth: .infinity)
                        .background(Color.blue.opacity(0.1))
                        .cornerRadius(12)
                }
                
                Spacer(minLength: 32)
            }
            .padding(.horizontal)
        }
    }
}

#Preview {
    BottomSheetView()
}