import { styled } from '../../styles';
import { Box, BoxProps } from '../Box';

export interface PageWrapProps extends BoxProps {}

export const PageWrap = styled(Box)<PageWrapProps>(({ theme }) => ({
  maxWidth: theme.maxWidth.xl,
  paddingLeft: `calc(${theme.sidebar.width})`,
  paddingRight: `calc(${theme.sidebar.width})`,
}));

PageWrap.defaultProps = {
  mx: 'auto',
};
