import classNames from 'classnames'
import { Classes, Intent } from '@blueprintjs/core'

render() {
  let classes

  // method one
  classes = classNames('pt-tag','pt-large', {
    [Classes.INTENT_DANGER]: daysElapsed > 7,
  })

  // method 2
  classes = classNames('pt-tag', 'pt-large', daysElapsed > 7 && Classes.intentClass(3))
  classes = classNames('pt-tag', 'pt-large', daysElapsed > 7 ? Classes.intentClass(3) : Classes.intentClass(1))

  return <span className={classes}>{daysElapsed}</span>
}