Row.js

const StyledRow = styled(Box)`
  box-sizing: content-box;
`;

const padding = { base: 4, md: 8 };

export function Row({
  ...boxProps
}: Omit<BoxProps, 'p' | 'pl' | 'pr' | 'm' | 'ml' | 'mr'>) {
  return (
    <StyledRow
      pl={padding}
      pr={padding}
      ml="auto"
      mr="auto"
      maxW="max"
      {...boxProps}
    />
  );
}