wehub-resource-sync
41 lines
1.0 KiB
Swift
41 lines
1.0 KiB
Swift
// PR 3 — segmented control matching the JSX `Segmented`.
|
|
|
|
import SwiftUI
|
|
|
|
struct Segmented<Value: Hashable>: View {
|
|
@Binding var selection: Value
|
|
let titleKey: LocalizedStringKey = ""
|
|
let options: [(value: Value, label: String)]
|
|
|
|
@Environment(\.omlxTheme) private var theme
|
|
|
|
var body: some View {
|
|
Picker(titleKey, selection: $selection) {
|
|
ForEach(options, id: \.value) { opt in
|
|
Text(opt.label)
|
|
.tag(opt.value)
|
|
}
|
|
}
|
|
.pickerStyle(.segmented)
|
|
.labelsHidden()
|
|
}
|
|
}
|
|
|
|
#Preview("Segmented") {
|
|
@Previewable @State var mode = "local"
|
|
@Previewable @State var scope = "session"
|
|
return VStack(spacing: 14) {
|
|
Segmented(selection: $mode, options: [
|
|
("cloud", "Cloud"), ("local", "Local"),
|
|
])
|
|
.frame(width: 180)
|
|
|
|
Segmented(selection: $scope, options: [
|
|
("session", "Session"), ("alltime", "All Time"),
|
|
])
|
|
.frame(width: 180)
|
|
}
|
|
.padding(24)
|
|
.omlxThemed()
|
|
}
|