1import React from 'react' 2import styled from 'styled-components' 3import DocLinks from './DocLinks' 4 5const Container = styled.nav` 6 border-right: 1px solid #86838333; 7 padding: 30px; 8 height: 100vh; 9 display: none; 10 width: 380px; 11 position: sticky; 12 overflow: scroll; 13 padding-bottom: 200px; 14 top: 54px; 15 background-color: ${(props) => props.theme.colors.white}; 16 17 @media screen and (min-width: ${(props) => props.theme.breakpoints.TABLET}) { 18 display: block; 19 } 20` 21 22const Sidebar = () => { 23 return ( 24 <Container className='sidebar'> 25 <DocLinks /> 26 </Container> 27 ) 28} 29 30export default Sidebar 31