All files / app/features/press SectionWrapper.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
4x
 
 
19x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19x
 
 
 
import { Box, styled, SxProps, Theme } from "@mui/material";
import { ReactNode } from "react";
 
const StyledWrapper = styled(Box)(({ theme }) => ({
  display: "flex",
  flexDirection: "column",
  gap: "1rem",
 
  [theme.breakpoints.up("md")]: {
    gap: "1.5rem",
  },
}));
 
type SectionWrapperProps = {
  children?: ReactNode;
  sx?: SxProps<Theme>;
};
 
export default function SectionWrapper({ children, sx }: SectionWrapperProps) {
  return <StyledWrapper sx={sx}>{children}</StyledWrapper>;
}