From e9a622bf088a68701923c5eeeaadf25f898bdf92 Mon Sep 17 00:00:00 2001
From: G <idouattara@ldfgroupe.com>
Date: Mon, 27 May 2024 17:25:31 +0000
Subject: [PATCH] a basic transaction info component

---
 src/components/TransactionInformationsItem.tsx | 49 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 src/components/TransactionInformationsItem.tsx

diff --git a/src/components/TransactionInformationsItem.tsx b/src/components/TransactionInformationsItem.tsx
new file mode 100644
index 0000000..8657439
--- /dev/null
+++ b/src/components/TransactionInformationsItem.tsx
@@ -0,0 +1,49 @@
+import type { PaymentCode } from "@/utils/requests/Types";
+import { images } from "@styles/Commons";
+import { Image } from "react-native";
+import Box from "./bases/Box";
+import Text from "./bases/Text";
+
+interface Props {
+	paymentType: PaymentCode;
+	reference: string;
+	date: string;
+	amount: number;
+	status: "success" | "pending" | "failed" | "canceled";
+}
+
+const TransactionInformationsItem = () => {
+	return (
+		<Box
+			// height={60}
+			width={"100%"}
+			py={"s"}
+			pr={"m"}
+			pl={"s"}
+			flexDirection={"row"}
+			// alignItems={"center"}
+			gap={"s"}
+			borderWidth={1}
+			borderRadius={10}
+			borderColor={"lightGray"}
+		>
+			<Box width={50} height={50} borderRadius={10} overflow={"hidden"}>
+				<Image
+					source={require("../../assets/operators/orange_money.png")}
+					style={images.cover}
+				/>
+			</Box>
+			<Box height={50} flex={1}>
+				<Text variant={"black"}>Reference</Text>
+				<Text>12 Janvier 2099</Text>
+			</Box>
+			<Box style={{ marginLeft: "auto" }} height={50}>
+				<Text variant={"black"} fontWeight={"bold"}>
+					7,000,000
+				</Text>
+			</Box>
+		</Box>
+	);
+};
+
+export default TransactionInformationsItem;
--
libgit2 0.27.1