From 1237781780e4472da31306db8f77ba1f2bbb1c27 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 24 Aug 2023 14:37:45 +0300
Subject: [PATCH] feat: create separated overview card

---
 .../Overview/OverviewCard.tsx                 | 30 +++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/pages/ValidatorOnboarding/Overview/OverviewCard.tsx

diff --git a/src/pages/ValidatorOnboarding/Overview/OverviewCard.tsx b/src/pages/ValidatorOnboarding/Overview/OverviewCard.tsx
new file mode 100644
index 00000000..ba077e81
--- /dev/null
+++ b/src/pages/ValidatorOnboarding/Overview/OverviewCard.tsx
@@ -0,0 +1,30 @@
+import { YStack } from 'tamagui'
+import { Text } from '@status-im/components'
+
+type OverviewCardProps = {
+  text: string
+  value: string
+}
+
+const OverviewCard = ({ text, value }: OverviewCardProps) => {
+  return (
+    <YStack
+      style={{
+        borderRadius: '16px',
+        border: '1px solid rgba(0, 0, 0, 0.15)',
+        width: '45%',
+        padding: '12px 16px',
+        backgroundColor: '#FFF',
+      }}
+    >
+      <Text size={19} weight={'semibold'}>
+        {text}
+      </Text>
+      <Text size={27} color="blue" weight={'semibold'}>
+        {value}
+      </Text>
+    </YStack>
+  )
+}
+
+export default OverviewCard