From 9cc4658f3dca5aa514d24a0c8c1df31bbc429f0e Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Mon, 13 Nov 2023 23:23:17 +0200
Subject: [PATCH] Create SupportCard.tsx

---
 src/pages/LogsPage/SupportCard.tsx | 55 ++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100644 src/pages/LogsPage/SupportCard.tsx

diff --git a/src/pages/LogsPage/SupportCard.tsx b/src/pages/LogsPage/SupportCard.tsx
new file mode 100644
index 00000000..93128e37
--- /dev/null
+++ b/src/pages/LogsPage/SupportCard.tsx
@@ -0,0 +1,55 @@
+import { Text } from '@status-im/components'
+import { Separator, XStack, YStack } from 'tamagui'
+import IconText from '../../components/General/IconText'
+import Icon from '../../components/General/Icon'
+import DashboardCardWrapper from '../Dashboard/DashboardCardWrapper'
+
+const SupportCard = () => {
+  return (
+    <DashboardCardWrapper>
+      <YStack
+        style={{
+          borderRadius: '16px',
+          border: 'none',
+          backgroundColor: '#fff',
+          flexGrow: '1',
+          minWidth: '280px',
+        }}
+      >
+        <XStack
+          justifyContent="space-between"
+          style={{
+            padding: '8px 16px',
+            position: 'relative',
+            flexGrow: '1',
+          }}
+        >
+          <YStack space={'$3'} width={'100%'}>
+            <XStack justifyContent="space-between" width={'100%'}>
+              <Text size={27} weight={'semibold'}>
+                Get Support
+              </Text>
+              <Text size={15} weight={'semibold'}>
+                {'>'}
+              </Text>
+            </XStack>
+            <XStack >
+              <Text size={27} weight={'semibold'}>
+                Nimbus
+              </Text>
+              
+            </XStack>
+          </YStack>
+        </XStack>
+        <Separator borderColor={'#e3e3e3'} style={{ marginTop: 'auto' }} />
+        <XStack space={'$4'} style={{ padding: '10px 16px' }}>
+          <IconText icon={<Icon src="icons/communities.svg" width={16} />} weight={'semibold'}>
+            {'Join Community'}
+          </IconText>
+        </XStack>
+      </YStack>
+    </DashboardCardWrapper>
+  )
+}
+
+export default SupportCard