1 files changed, 22 insertions, 0 deletions
diff --git a/src/view/com/auth/create/StepHeader.tsx b/src/view/com/auth/create/StepHeader.tsx
new file mode 100644
index 000000000..8c852b640
--- /dev/null
+++ b/src/view/com/auth/create/StepHeader.tsx
@@ -0,0 +1,22 @@
+import React from 'react'
+import {StyleSheet, View} from 'react-native'
+import {Text} from 'view/com/util/text/Text'
+import {usePalette} from 'lib/hooks/usePalette'
+
+export function StepHeader({step, title}: {step: string; title: string}) {
+  const pal = usePalette('default')
+  return (
+    <View style={styles.container}>
+      <Text type="lg" style={pal.textLight}>
+        {step === '3' ? 'Last step!' : <>Step {step} of 3</>}
+      </Text>
+      <Text type="title-xl">{title}</Text>
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    marginBottom: 20,
+  },
+})