30 lines
736 B
TypeScript
30 lines
736 B
TypeScript
|
import { Box, Typography } from "@mui/material";
|
||
|
|
|
||
|
|
|
||
|
|
interface Props {
|
||
|
|
name: string;
|
||
|
|
image: any;
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function PaymentMethodCard({ name, image }: Props) {
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Box
|
||
|
|
sx={{
|
||
|
|
width: "237px",
|
||
|
|
height: "100px",
|
||
|
|
p: "20px",
|
||
|
|
pr: "10px",
|
||
|
|
display: "flex",
|
||
|
|
borderRadius: "8px",
|
||
|
|
backgroundColor: "#F2F3F7",
|
||
|
|
border: "1px solid #9A9AAF",
|
||
|
|
gap: "20px",
|
||
|
|
alignItems: "center",
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<img src={image} alt="payment method" />
|
||
|
|
<Typography sx={{ color: "#4D4D4D" }}>{name}</Typography>
|
||
|
|
</Box>
|
||
|
|
);
|
||
|
|
}
|