import declarations may only appear at top level of a module

const TabOutline = ({tabWidth: tab, tailWidth: tail, height, radius: r}) => {
  const path = [
    `M 0 ${height}`,
    `L ${tail-r} ${height}`,
    `Q ${tail} ${height} ${tail} ${height - r}`,
    `L ${tail} ${r}`,
    `Q ${tail} 0 ${tail+r} 0`,
    `L ${tail+tab-r} 0`,
    `Q ${tail+tab} 0 ${tail+tab} ${r}`,
    `L ${tail+tab} ${height - r}`,
    `Q ${tail+tab} ${height} ${tail+tab+r} ${height}`,
    `L ${tail*2+tab} ${height}`
  ]
  return <svg>
    <path
      d={path.join(' ')}
      fill="none"
      stroke="blue"
      strokeWidth="1"
    />
  </svg>
}