//
//  LabsExplainerView.swift
//  damus
//
//  Created by eric on 11/6/25.
//

import SwiftUI

struct LabsExplainerView: View {
    let labName: String
    let systemImage: String
    let labDescription: String
    
    var body: some View {
        PurpleBackdrop {
            VStack(alignment: .center) {
                HStack {
                    Image(systemName: systemImage)
                        .resizable()
                        .foregroundColor(.white)
                        .frame(width: 25, height: 25)
                    Text(labName)
                        .font(.title)
                        .fontWeight(.bold)
                        .foregroundColor(.white)
                }
                
                Spacer()
                
                Text(labDescription)
                    .foregroundColor(.white)
                    .multilineTextAlignment(.center)
                
                Spacer()
            }
            .padding()
        }
        .overlay(Rectangle().frame(width: nil, height: 1, alignment: .top).foregroundColor(DamusColors.purple), alignment: .top)
        .presentationDragIndicator(.visible)
        .presentationDetents([.height(300)])
    }
}
