From 0ff94d94380c67388f4a1c14356949637db75119 Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Wed, 30 Aug 2023 20:26:19 +0300
Subject: [PATCH] Create third page for validator setup

---
 .../ValidatorSetup/ConsensusSelection.tsx     | 46 +++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusSelection.tsx

diff --git a/src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusSelection.tsx b/src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusSelection.tsx
new file mode 100644
index 00000000..45359435
--- /dev/null
+++ b/src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusSelection.tsx
@@ -0,0 +1,46 @@
+import { XStack, Stack, Text as TextTam, YStack } from 'tamagui'
+import PairedDeviceCard from './PairedDeviceCard'
+import { Text } from '@status-im/components'
+import ExecClientCard from './ExecClientCard'
+import { Link } from 'react-router-dom'
+
+const ConsensusSelection = () => {
+  return (
+    <YStack style={{ width: '100%', padding: '16px 32px' }}>
+      <XStack justifyContent={'space-between'}>
+        <Text size={27} weight={'semibold'}>
+          Validator Setup
+        </Text>
+        <PairedDeviceCard />
+      </XStack>
+
+      <YStack>
+        <Stack style={{ marginBottom: '4px' }}>
+          <Text size={13} color="#647084">
+            Execution Client Detection
+          </Text>
+        </Stack>
+        <Text size={15} weight={'regular'}>
+          No existing execution client installations have been detected on paired device.
+        </Text>
+        <Text size={13} color="#828282">
+          If you believe this to be incorrect please test your pairing to the correct device and try
+          again.
+        </Text>
+      </YStack>
+
+      <TextTam fontSize={27} style={{ margin: '5px', marginLeft: 0 }}>
+        Select Execution client
+      </TextTam>
+
+      <Stack marginTop={'10%'}>
+        <Text size={15} weight={'semibold'} color="#2A4CF4">
+          <Link to={'https://launchpad.ethereum.org/en/faq'}></Link>
+          View Execution client comparison chart
+        </Text>
+      </Stack>
+    </YStack>
+  )
+}
+
+export default ConsensusSelection