Rev.registerComponent 'NumberFormatter',
  propTypes: ->
    value: React.PropTypes.number
    locales: React.PropTypes.string
    localeMatcher: React.PropTypes.oneOf ['lookup', 'best fit']
    style: React.PropTypes.oneOf ['decimal', 'currency', 'percent']
    currency: React.PropTypes.string
    currencyDisplay: React.PropTypes.oneOf ['symbol', 'code', 'name']
    useGrouping: React.PropTypes.bool
    minimumIntegerDigits: React.PropTypes.number
    minimumFractionDigits: React.PropTypes.number
    maximumFractionDigits: React.PropTypes.number
    minimumSignificantDigits: React.PropTypes.number
    maximumSignificantDigits: React.PropTypes.number

  render: ->
    className = @classAdd
      "RevNumber": true
    <span className="RevNumber">{@renderString()}</span>

  optionProps: ->
    _.omit(@props, ['locales', 'value'])

  renderString: ->
    if @props.value.toLocaleString?
      @props.value.toLocaleString(@props.locales, @optionProps())
    else
      "#{@props.value}"