App.SectionHeaderComponent = Ember.Component.extend
  #templateName: 'section_header'
  tagName: 'dd'
  classNameBindings: ['active']

  #active: Ember.computed.equal "section.id", "globals.active_section.id"
  active: Ember.computed "section.id", "globals.active_section.id", ->
    if @get('section.id') is @get('globals.active_section.id') then 'active' else ''
