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

  ]

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


BrandImage = ({ brand, size }) ->

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

  <Icon
    width='auto'
    height={ICON_HEIGHT[size]}
    1x={ICONS[brand]['1x']}
    2x={ICONS[brand]['2x']}
  />

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

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