sendou.ink/components/common/MyContainer.tsx

import { Container, ContainerProps } from "@chakra-ui/react";

interface Props {
  children: React.ReactNode;
  wide?: boolean;
}

const MyContainer: React.FC<Props & ContainerProps> = ({
  children,
  wide = false,
  ...props
}) => (
  <Container maxW={wide ? "64rem" : "48rem"} {...props}>
    {children}
  </Container>
);
export default MyContainer;