//
//
//import SwiftUI
//import SwiftData
//
//struct NewUnicycleView: View {
//    @Environment(\.modelContext) private var modelContext
//    
//    @State private var isPresented = false
//    @State private var sortOrder = SortDescriptor(\Unicycle.name)
//    @State private var search = ""
//    
//    var body: some View {
//        NavigationStack {
//            UniListView(filter: search, sort: sortOrder)
//                .searchable(text: $search)
//                .toolbar {
//                    ToolbarItem(placement: .topBarLeading) {
//                        EditButton()
//                    }
//                    ToolbarItem(placement: .topBarTrailing) {
//                        HStack {
//                             
//                            Button("Add", systemImage: "plus") { isPresented = true }
//                            picker
//                        }
//                    }
//                }
//                .sheet(isPresented: $isPresented) {
//                    UniDetailView(uni: Unicycle())
//                }
//            Button("Save 3") {
//                try? modelContext.save()
//            }
//        }
//    }
//    
//    var picker: some View {
//        Menu("Sort", systemImage: "arrow.up.arrow.down") {
//            Picker("Sort", selection: $sortOrder) {
//                Text("Name 55")
//                    .tag(SortDescriptor(\Unicycle.name))
//                Text("Date")
//                    .tag(SortDescriptor(\Unicycle.createdAt, order: .reverse))
//                Button("Save") {
//                    try? modelContext.save()
//                }
//            }
//            
//            .pickerStyle(.inline)
//        }
//    }
//    struct UniDetailView: View {
//        @Bindable var uni: Unicycle
//        @State var color: Color
//        @Environment(\.modelContext) private var modelContext
//    
//        init(uni: Unicycle) {
//            self.uni = uni
//            _color = State(initialValue: Color(red: uni.red, green: uni.green, blue: uni.blue))
//        }
//    
//        var body: some View {
//            VStack {
//                Text(uni.createdAt.description)
//                ColorPicker("Color", selection: Binding(
//                    get: { color as! CGColor   },
//                    set: {
//                        color = $0
////                        if let comps = $0.rgbComponents() {
////                            uni.red = Double(comps.red)
////                            uni.green = Double(comps.green)
////                            uni.blue = Double(comps.blue)
////                        }
//                    }
//                ))
//                TextField("Enter name", text: $uni.name)
//                    .textFieldStyle(.roundedBorder)
//                .padding()
//                Button("Save 3") {
//                    try? modelContext.save()
//    
//    
//                }
//            }
//            .padding()
//            .onChange(of: color) {
//                if let comps = color.rgbComponents() {
//                    uni.red = Double(comps.red)
//                    uni.green = Double(comps.green)
//                    uni.blue = Double(comps.blue)
//                }
//            }
//        }
//    }
//}
//
//#Preview {
//    NewUnicycleView()
//}