Add new fonts and picker style.

1 files changed, 26 insertions, 0 deletions

diff --git a/Map/Presentation/Base Components/EvolutionPicker/EvolutionPickerMenuHeader.swift b/Map/Presentation/Base Components/EvolutionPicker/EvolutionPickerMenuHeader.swift
new file mode 100644
index 0000000..b3eeb97
--- /dev/null
+++ b/Map/Presentation/Base Components/EvolutionPicker/EvolutionPickerMenuHeader.swift
@@ -0,0 +1,26 @@
+import SwiftUI
+
+struct EvolutionPickerMenuHeader: View {
+
+  let key: LocalizedStringKey
+
+  var body: some View {
+    HStack(alignment: .center, spacing: Dimensions.Spacing.regular) {
+      Text(key)
+        .font(.Theme.Caption.emphasized)
+        .padding(.vertical, Dimensions.Spacing.cozy)
+        .textCase(.uppercase)
+        .padding(.leading, Dimensions.Spacing.regular)
+        .layoutPriority(1)
+      Spacer()
+        .frame(height: 1)
+        .background(Color.Theme.UI.foreground.opacity(0.2))
+    }
+    .padding(.horizontal, Dimensions.Spacing.regular)
+    .cornerRadius(Dimensions.EvolutionPicker.radius)
+  }
+}
+
+#Preview {
+  EvolutionPickerMenuHeader(key: "stage_type.section.types")
+}