react flexbox component with as prop

flex.tsx

/** @jsx jsx */
import { jsx } from '@emotion/core'
import React from 'react'

const Flex: React.FC<{
  as?: React.ReactType
  row?: boolean
  column?: boolean
}> = ({ as: Component = `div`, row, column }) => {
  const flexDirection = row ? 'row' : column ? 'column' : ''
  return (
    <Component
      css={{
        display: 'flex',
        flexDirection,
      }}
    >
      let's see
    </Component>
  )
}

export default Flex