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>
    );
}