message: refactor SideNav to take basename, etc.
diff: @@ -3,17 +3,18 @@ import PropTypes from 'prop-types'
  import {NavLink} from 'react-router-dom'
  import {Box} from '../../src'
  -const SideNav = ({title, examples}) => (
  - <Box mr={3}>
  +export default function SideNav({basename, title, examples, ...rest}) {
  + return (
  + <Box {...rest}>
  <nav className="menu">
  - <NavLink to={'/'} className="menu-heading no-underline link-gray-dark">
  + <NavLink to={basename} className="menu-heading no-underline link-gray-dark">
  {title}
  </NavLink>
  {examples.map(example => (
  <NavLink
  className="menu-item no-underline link-gray-dark"
  activeClassName="selected"
  - to={`/${example.name}`}
  + to={example.path}
  key={example.name}
  >
  {example.name}
  @@ -22,14 +23,20 @@ const SideNav = ({title, examples}) => (
  </nav>
  </Box>
  )
  +}
  +
  +SideNav.defaultProps = {
  + minWidth: '10em'
  +}
  SideNav.propTypes = {
  + basename: PropTypes.string,
  examples: PropTypes.arrayOf(
  PropTypes.shape({
  - name: PropTypes.string
  + element: PropTypes.element,
  + name: PropTypes.string,
  + path: PropTypes.string
  })
  ),
  title: PropTypes.node
  }
  -
  -export default SideNav
  