import styled from '@emotion/styled';
import { themeGet } from '@styled-system/theme-get';

const SidebarNav = styled('nav')`
  padding-top: ${themeGet('space.1')};
  padding-bottom: ${themeGet('space.2')};
  flex-grow: 1;
  overflow-y: auto;

  > ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
`;

export default SidebarNav;
