a basic transaction info component

src/components/TransactionInformationsItem.tsx

+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;