scalable_css_ITCSS_trumps_naive_txt_impl.jsx

import { colors, baseFontSize } from 'App/style/settings'

const Txt = ({
  color = 'text',
  size = baseFontSize,
  tag = 'span',
  children,
  ...rest
}) => {
  const Tag = tag
  return <Tag {...{
    ...rest,
    style: {
      color: colors[color],
      fontSize: size,
      lineHeight: height
    }
  }}>{ children }</Tag>
}