message: Add LinkTabs component
diff: import React from 'react'
  import styled, { css } from 'styled-components'
  import { space } from 'styled-system'
  +import { Link } from 'react-router-dom'
  +
  +import constants from 'v2/styles/constants'
  import { baseMixin } from 'v2/components/UI/Text'
  import { preset } from 'v2/styles/functions'
  @@ -17,6 +20,15 @@ const TabList = styled.div`
  flex-direction: row;
  display: flex;
  border-bottom: 1px solid ${x => x.theme.colors.gray.regular};
  +
  + ${constants.media.mobile`
  + flex-direction: column;
  + align-items: flex-start;
  + ${preset(space, { mx: 4 })};
  + position: relative;
  + margin-right: ${constants.blockGutter};
  + margin-left: ${constants.blockGutter};
  + `}
  `
  const TabContent = styled.div`
  @@ -29,9 +41,14 @@ export const activeMixin = css`
  border-right: 1px solid ${x => x.theme.colors.gray.regular};
  color: ${x => x.theme.colors.gray.bold};
  background-color: white;
  +
  + ${constants.media.mobile`
  + border: none;
  + background-color: ${x => x.theme.colors.gray.hint};
  + `}
  `
  -const Label = styled.a.attrs({ fontSize: 3 })`
  +const Label = styled(Link).attrs({ fontSize: 3 })`
  display: block;
  text-align: center;
  border: 1px solid transparent;
  @@ -44,6 +61,14 @@ const Label = styled.a.attrs({ fontSize: 3 })`
  ${baseMixin};
  ${x => x.active && activeMixin};
  +
  + ${constants.media.mobile`
  + border: none;
  + ${preset(space, { pt: 5, pb: 6, px: 0 })};
  + text-align: left;
  + flex: 1;
  + width: 100%;
  + `}
  `
  interface TabItemProps {
  @@ -58,7 +83,7 @@ interface TabsProps {
  const Tab: React.FC<TabItemProps> = ({ url, label, active }) => {
  return (
  - <Label active={active} href={url}>
  + <Label active={active} to={url}>
  {label}
  </Label>
  )
  