WIP: new demo app

Demo/Sources/Helpers/InstructionsView.swift

@@ -0,0 +1,58 @@
+//
+// Demo
+// Copyright © 2020 John Rommel Estropia, Inc. All rights reserved.
+
+import SwiftUI
+
+// MARK: - InstructionsView
+
+struct InstructionsView: View {
+    
+    // MARK: Internal
+    
+    init(_ rows: (header: String, description: String)...) {
+        
+        self.rows = rows.map({ .init(header: $0, description: $1) })
+    }
+    
+    
+    // MARK: View
+    
+    var body: some View {
+        ZStack(alignment: .center) {
+            Color.white
+                .cornerRadius(10)
+                .shadow(color: Color(.sRGB, white: 0.5, opacity: 0.3), radius: 2, x: 1, y: 1)
+            VStack(alignment: .leading, spacing: 3) {
+                ForEach(self.rows, id: \.header) { row in
+                    HStack(alignment: .firstTextBaseline, spacing: 5) {
+                        Text(row.header)
+                            .font(.callout)
+                            .fontWeight(.bold)
+                        Text(row.description)
+                            .font(.footnote)
+                    }
+                }
+            }
+            .foregroundColor(Color(.sRGB, white: 0, opacity: 0.8))
+            .padding(.horizontal, 10)
+            .padding(.vertical, 4)
+        }
+        .fixedSize()
+    }
+    
+    // MARK: Private
+    
+    private let rows: [InstructionsView.Row]
+    
+    
+    // MARK: - Row
+    
+    struct Row: Hashable {
+    
+        // MARK: Internal
+        let header: String
+        let description: String
+    }
+}
+