All files / src/containers MobileTransactionCardWrapper.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
 
 
 
 
 
 
 
2x
 
 
 
 
 
 
 
 
 
 
 
 
2x
 
 
 
 
 
 
 
import { Grid, GridProps, styled } from "@mui/material";
import React from "react";
 
interface Props extends GridProps {
  onClick: any;
  children: React.ReactElement | React.ReactElement[];
}
 
export const MobileTransactionCardWrapper = ({
  children,
  onClick,
  ...rest
}: Props) => {
 
  return (
    <StyledCard container onClick={onClick} {...rest}>
      {children}
    </StyledCard>
  );
};
 
export const StyledCard = styled(Grid)({
  justifyContent: "space-between",
    alignItems: "center",
    gap: "8px",
    padding: "8px",
});