gistfile1.coffee

ChecklistItem = React.createClass
  render: ->
    classes = classnames(
        'integration-checklist__list-item': true
        'integration-checklist__list-item--complete': @props.completed
    )
    <li className={classes}>
      {@props.title}
      <p className="integration-checklist__list-item-description">{@props.children}</p>
      <div className="integration-checklist__docs-links">
        <a className="integration-checklist__documentation-link" href={@props.docs.url}>{@props.docs.title}</a>
        <span className="integration-checklist__text-element">|</span>
        <a className="integration-checklist__documentation-link" href={@props.code.url}>See the code</a>
      </div>
    </li>