css-modules-react.js

if (this.props.store.submissionInProgress) {
  className = styles.inProgress
} else if (this.props.store.errorOccurred) {
  className = styles.error
} else if (!this.props.form.valid) {
  className = styles.disabled
} else {
  className = styles.normal
}

// simpler with strings additive
classes = classNames('normal', {
  'in-progress': @props.store.submissionInProgress,
  'error': @props.store.errorOccurred,
  'disabled': !@props.form.valid
})

// Suppose you could make a wrapper for it though pretty simply, non additive
classes = moduleName(styles, 'normal', {
  'inProgress': @props.store.submissionInProgress,
  'error': @props.store.errorOccurred,
  'disabled': !@props.form.valid
})