scalable_css_Photo_CSSMod_ex.jsx

/**
 * CSS Modules Magic:
 * styles = { Photo: '[hash]-Photo', ... }
 */
import styles from './style'
import React from 'react'
import cn from 'classnames'

const Photo = ({src, alt, isLarge}) =>
  <div {...{ className: cn({
    [styles.Photo]: true,
    [styles['Photo--large']]: isLarge})
  }}>
    <img {...{ src, alt,
      className: styles['Photo__img'] }}
    />
  </div>