From 6b85205ec217d6315959e0f6d6e2ed806a7d9b7b Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Fri, 21 Jul 2023 15:30:38 +0300
Subject: [PATCH] Create custom information button component

---
 .../InformationBox/InformationBox.jsx         | 22 +++++++++++++++++++
 src/components/InformationBox/index.jsx       |  1 +
 2 files changed, 23 insertions(+)
 create mode 100644 src/components/InformationBox/InformationBox.jsx
 create mode 100644 src/components/InformationBox/index.jsx

diff --git a/src/components/InformationBox/InformationBox.jsx b/src/components/InformationBox/InformationBox.jsx
new file mode 100644
index 00000000..3d6d12bd
--- /dev/null
+++ b/src/components/InformationBox/InformationBox.jsx
@@ -0,0 +1,22 @@
+import { Image, Paragraph, XStack } from "tamagui";
+
+const InformationBox = ({ icon, text }) => {
+  return (
+    <XStack
+      style={{
+        border: "2px solid #E7EAEE",
+        borderRadius: "12px",
+        padding: "11px 16px",
+        gap: "8px",
+        width: "632px",
+      }}
+    >
+      <Image source={{ uri: icon }} width={12} height={12} />
+      <Paragraph color={"#647084"} style={{ margin: 0, padding: 0 }}>
+        {text}
+      </Paragraph>
+    </XStack>
+  );
+};
+
+export { InformationBox };
diff --git a/src/components/InformationBox/index.jsx b/src/components/InformationBox/index.jsx
new file mode 100644
index 00000000..20d004a0
--- /dev/null
+++ b/src/components/InformationBox/index.jsx
@@ -0,0 +1 @@
+export { InformationBox } from "./InformationBox";