import styled from 'styled-components' ; const SideNav = styled . nav `
  background: ${ props => props . theme . colors . primary . light };
  border-right: 1px solid ${ props => props . theme . colors . primary . dark };
  min-width: 240px;
  width: 240px;
  overflow: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
` ; SideNav . displayName = 'SideNav' ; export default SideNav ;