   regular: 18
   big: 27
 
-module.exports = CardIcon = ({ brand, size, style }) ->
+module.exports = CardIcon = ({ brand, size, style, light }) ->
 
   wrapperClassName = classnames [
     styles['brand-wrapper']

  'american-express':
    '1x': require 'app/sprites/1x/amex.png'
    '2x': require 'app/sprites/2x/amex.png'
  'diners-club':
    '1x': require 'app/sprites/1x/dinersclub.png'
    '2x': require 'app/sprites/2x/dinersclub.png'

  ]

  <div className={wrapperClassName} style={style}>
    <BrandImage brand={brand} size={size} light={light} />
  </div>


BrandImage = ({ brand, size, light }) ->

  if brand is Brand.DEFAULT
    return (
      <span className={classnames(size, styles['brand-default'])} />
    )

  icons = if light and ICONS["#{brand}-light"]
  then ICONS["#{brand}-light"]
  else ICONS[brand]

  height = ICON_HEIGHT[size]

  <Icon width='auto' height={height} 1x={icons['1x']} 2x={icons['2x']} />

CardIcon.defaultProps =
  light: no
  size: 'regular'
  brand: Brand.DEFAULT
