frontity-chakra-theme/src/components/styles/section.js

A frontity theme made with Chakra UI

import React from "react";
import { Box } from "@chakra-ui/react";

const sizes = {
  xs: "640px",
  sm: "700px",
  md: "750px",
  lg: "1150px",
  huge: "1550px",
  max: "2560px"
};

/**
 * @param {React.ComponentProps<typeof Box>} props
 */
const Section = ({ size = "md", ...props }) => (
  <Box width="92%" mx="auto" maxW={sizes[size]} {...props} />
);
export default Section;