text: // @flow
  import * as React from 'react'
  
  type CenteredTextSvgProps = {
    text: React.Node,
    className?: string,
  }
  
  export function CenteredTextSvg(props: CenteredTextSvgProps) {
    const { text, className } = props
  
    // TODO(mc, 2018-07-23): add `fill='currentColor'`
    return (
      <text
        className={className}
        x="50%"
        y="50%"
        textAnchor="middle"
        dominantBaseline="middle"
      >
        {/* TODO(mc, 2018-07-23): use props.children */}
        {text}
      </text>
    )
  }
  