import React from "react" ; import { Box } from "@chakra-ui/core" ; export type WrapperVariant = "small" | "regular" ; interface WrapperProps { variant ? : WrapperVariant ; } export const Wrapper = ( { children , variant = "regular" , } ) => { return ( < Box mt = { 8 } mx = "auto" maxW = { variant === "regular" ? "800px" : "400px" } w = "100%" > { children } < /Box>); } ;