import { space } from 'styled-system';
import { styled } from "../../../build/utils/styled-components.js";

/**
 * @component
 * @private
 */
export const DrawerContent = styled.section`
  flex-grow: 1;
  overflow: auto;
  padding: ${({
  theme
}) => theme.space.x3} ${({
  theme
}) => theme.space.xxl} ${({
  theme
}) => theme.space.xl};
  box-sizing: border-box;
  ${space};
`;
export default DrawerContent;