message: Adding bold to docs sandbox links
diff: import React from 'react'
  +import {withRouter} from 'next/router'
  import Octicon, {MarkGithub} from '@githubprimer/octicons-react'
  import NextLink from 'next/link'
  import BoxShadow from './BoxShadow'
  import {Text, FlexContainer, Link, Sticky} from '../../src'
  -const Header = () => (
  +const Header = ({router}) => (
  <Sticky zIndex={100}>
  <BoxShadow py={3} bg="gray.9" color="white">
  <FlexContainer className="p-responsive" alignItems="center" justifyContent="space-between">
  @@ -18,12 +19,25 @@ const Header = () => (
  </NextLink>
  <div>
  <NextLink href="/components">
  - <Link nounderline className="text-white" href="/components" px={4}>
  + <Link
  + nounderline
  + className="text-white"
  + href="/components"
  + px={4}
  + fontWeigt={router.pathname === '/components' ? 'bold' : null}
  + >
  Docs
  </Link>
  </NextLink>
  <NextLink href="/components/sandbox">
  - <Link nounderline className="text-white" href="/components/sandbox" mr={0} px={4}>
  + <Link
  + nounderline
  + className="text-white"
  + href="/components/sandbox"
  + mr={0}
  + px={4}
  + fontWeigt={router.pathname === '/components/sandbox' ? 'bold' : null}
  + >
  Sandbox
  </Link>
  </NextLink>
  @@ -33,4 +47,4 @@ const Header = () => (
  </Sticky>
  )
  -export default Header
  +export default withRouter(Header)
  