All files / src/components/common BackgroundImageContainer.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { Box, BoxProps, styled } from "@mui/material";
 
export interface BackgroundImageContainerProps extends BoxProps {
  imageUri: string;
}
 
const BackgroundImageContainer = styled<
  React.FC<BackgroundImageContainerProps>
>(Box, {
  shouldForwardProp: (prop) => prop !== "imageUri",
})(({ imageUri }) => ({
  background: `url("${imageUri}")`,
}));
 
export default BackgroundImageContainer;