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;
