define [
  'react'
], (React) ->

  HeaderComponent = React.createClass

    hnGithubRepo: 'http://github.com/geekjuice/aitchennjuzapi'
    topsyGithubRepo: 'http://github.com/geekjuice/topsy'

    render: ->
      `<div className='header'>
        <h1 className='title'>Topsy React</h1>
        <h2 className='subtitle'>
          <span>Hacker News API from </span>
          <a className='github-link' href={ this.hnGithubRepo } target='_blank'>
            AitchEnNjuzAPI
          </a>
        </h2>
        <h2 className='subtitle'>
          <span>Project initiated using </span>
          <a className='github-link' href={ this.topsyGithubRepo } target='_blank'>
            Topsy
          </a>
        </h2>
      </div>`