         <CourseListingBase
           className="#{baseName}-section"
           courses={courses}
-          Item={Course}
         />}
       <@AddCourses />
     </BS.Grid>

    <Item course={course} />
  </BS.Col>

CourseListingBase = React.createClass
  displayName: 'CourseListingBase'
  render: ->
    {courses, Item, className} = @props
    sectionClasses = classnames('course-listing-section', className)

    <BS.Row className={sectionClasses}>
      {_.map(courses, _.partial(wrapCourseItem, Item))}
    </BS.Row>


AddCourseArea = ->
  <div className='course-listing-add'><p>Add a course</p></div>

          <CourseListingBase
            className="#{baseName}-section"
            courses={courses}
            Items={{teacher: CoursePastTeacher}}
            key="#{baseName}-section"/>
        ]}
    </BS.Grid>
