secretive/Sources/Packages/Sources/Common/MultilineInfoView.swift

import SwiftUI
import UniformTypeIdentifiers

public struct MultilineInfoView<TitleView: View, ItemView: View>: View {

//    public struct Item {
//        public let text: String
//        public let action: (Image, () -> Void)?
//
//        public init(text: String, action: (Image, () -> Void)?) {
//            self.text = text
//            self.action = action
//        }
//
//    }

    var titleView: TitleView
    var items: [ItemView]

    public init(titleView: () -> TitleView, items: () -> [ItemView]) {
        self.titleView = titleView()
        self.items = items()
    }

    public init(title: LocalizedStringResource, subtitle: LocalizedStringResource, image: Image, items: [String]) where TitleView == HStack<TupleView<(Image, Text, Spacer)>> , ItemView == Text {
        self.init {
            HStack {
                image
                    .renderingMode(.template)
//                    .imageScale(.large)
                    .foregroundColor(primaryTextColor)
                Text(title)
                    .font(.headline)
                    .foregroundColor(primaryTextColor)
                Spacer()
            }
        } items: {
            [Text("Hello")]
        }

//        self.init {
//        } items: {
//            ForEach(items) { item in
//                return HStack {
//                    Text(item)
//                    Spacer()
//                    //                if let (image, _) = $0.1 {
//                    //                    image
//                    //                        .foregroundStyle(.secondary)
//                    //                }
//                }
//            }
//        }

    }

    @State private var interactionState: InteractionState = .normal
    @State private var interactionStateIndex: Int?

    public var body: some View {
        VStack(alignment: .leading, spacing: 0) {
            titleView
            .safeAreaPadding(20)
            ForEach(Array(items.enumerated()), id: \.offset) { item in
                Divider()
                    .ignoresSafeArea()
                    .opacity(item.offset == 0 ? 1 : 0.75)
                items.element
                .safeAreaPadding(20)
                .onHover { hovering in
                    withAnimation {
                        guard item.element.action != nil else { return }
                        interactionState = hovering ? .hovering : .normal
                        interactionStateIndex = item.offset
                    }
                }
                .gesture(
                    TapGesture()
                        .onEnded {
                            item.element.action?.1()
                            withAnimation {
                                interactionState = .normal
                                interactionStateIndex = nil
                            }
                        }
                )

            }
        }
        ._background(interactionState: .normal)
        .frame(minWidth: 150, maxWidth: .infinity)
    }

    var primaryTextColor: Color {
        switch interactionState {
        case .normal, .hovering:
            return Color(.textColor)
        }
    }

    var secondaryTextColor: Color {
        switch interactionState {
        case .normal, .hovering:
            return Color(.secondaryLabelColor)
        }
    }

}

fileprivate enum InteractionState {
    case normal, hovering
}

extension View {
       
    fileprivate func _background(interactionState: InteractionState, cornerRadius: Double = 15) -> some View {
        modifier(BackgroundViewModifier(interactionState: interactionState, cornerRadius: cornerRadius))
    }
    
}

fileprivate struct BackgroundViewModifier: ViewModifier {
    
    @Environment(\.colorScheme) private var colorScheme
    @Environment(\.appearsActive) private var appearsActive
    
    let interactionState: InteractionState
    let cornerRadius: Double
    
    func body(content: Content) -> some View {
        if #available(macOS 26.0, *) {
            content
                .contentShape(RoundedRectangle(cornerRadius: cornerRadius))
                .glassEffect(.regular.tint(backgroundColor(interactionState: interactionState)), in: RoundedRectangle(cornerRadius: cornerRadius))
                .mask(RoundedRectangle(cornerRadius: cornerRadius))
                .shadow(color: .black.opacity(0.1), radius: 5)
        } else {
            content
                .background(backgroundColor(interactionState: interactionState))
                .cornerRadius(10)
        }
    }
    
    func backgroundColor(interactionState: InteractionState) -> Color {
        guard appearsActive else { return Color.clear }
        if #available(macOS 26.0, *) {
            let base: Color
            if #available(macOS 27.0, *) {
                base = .clear
            } else {
                base = colorScheme == .dark ? Color(white: 0.2) : Color(white: 1)
            }
            switch interactionState {
            case .normal:
                return base
            case .hovering:
                return base.mix(with: .accentColor, by: colorScheme == .dark ? 0.2 : 0.1)
            }
        } else {
            switch interactionState {
            case .normal:
                return colorScheme == .dark ? Color(white: 0.2) : Color(white: 0.885)
            case .hovering:
                return colorScheme == .dark ? Color(white: 0.275) : Color(white: 0.82)
            }
        }
    }
    
    
}

//#Preview {
//    MultilineInfoView(title: "Multiple", image: Image(systemName: "figure.wave"), items: [
//        MultilineInfoView.Item(text: "hello", action: (Image(systemName: "chevron.forward"), {})),
//        MultilineInfoView.Item(text: "World", action: (Image(systemName: "chevron.forward"), {})),
//    ])
//    .padding()
//}
//
//
//#Preview {
//    MultilineInfoView(title: "One", image: Image(systemName: "figure.wave"), items: ["Hello world."])
//        .padding()
//}