CopilotForXcode/Core/Sources/HostApp/SharedComponents/SubSection.swift at 966f654bcaa60e1973447d732b3414ef8d045da8 · deepfork/CopilotForXcode · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
import SwiftUI

struct SubSection<Title: View, Content: View>: View {
    let title: Title
    let description: String
    @ViewBuilder let content: () -> Content

    init(title: Title, description: String = "", @ViewBuilder content: @escaping () -> Content) {
        self.title = title
        self.description = description
        self.content = content
    }

    var body: some View {
        VStack(alignment: .leading) {
            if !(title is EmptyView && description.isEmpty) {
                VStack(alignment: .leading, spacing: 8) {
                    title

                    if !description.isEmpty {
                        Text(description)
                            .multilineTextAlignment(.leading)
                            .foregroundStyle(.secondary)
                    }
                }
                .frame(maxWidth: .infinity, alignment: .leading)
            }

            if !(title is EmptyView && description.isEmpty) {
                Divider()
            }

            content()
        }
        .padding()
        .background {
            RoundedRectangle(cornerRadius: 8)
                .fill(Color.secondary.opacity(0.1))
        }
        .overlay {
            RoundedRectangle(cornerRadius: 8)
                .strokeBorder(Color.secondary.opacity(0.2))
        }
    }
}

extension SubSection where Title == EmptyView {
    init(description: String = "", @ViewBuilder content: @escaping () -> Content) {
        self.init(title: EmptyView(), description: description, content: content)
    }
}

#Preview("Sub Section Default Style") {
    SubSection(title: Text("Title"), description: "Description") {
        Toggle(isOn: .constant(true), label: {
            Text("Label")
        })

        Toggle(isOn: .constant(true), label: {
            Text("Label")
        })

        Picker("Label", selection: .constant(0)) {
            Text("Label").tag(0)
            Text("Label").tag(1)
            Text("Label").tag(2)
        }
    }
    .padding()
}

#Preview("Sub Section No Title") {
    SubSection(description: "Description") {
        Toggle(isOn: .constant(true), label: {
            Text("Label")
        })

        Toggle(isOn: .constant(true), label: {
            Text("Label")
        })

        Picker("Label", selection: .constant(0)) {
            Text("Label").tag(0)
            Text("Label").tag(1)
            Text("Label").tag(2)
        }
    }
    .padding()
}

#Preview("Sub Section No Title or Description") {
    SubSection {
        Toggle(isOn: .constant(true), label: {
            Text("Label")
        })

        Toggle(isOn: .constant(true), label: {
            Text("Label")
        })

        Picker("Label", selection: .constant(0)) {
            Text("Label").tag(0)
            Text("Label").tag(1)
            Text("Label").tag(2)
        }
    }
    .padding()
}