contextual.txt

# contextual component
export default Ember.Component.extend({
  tagName: 'h3',
  classNames: ['timeline-header', 'no-border'],
  icon: 'fa-envelope',
  color: 'orange'
});
# contextual component template (simplified):
{{message.survey.name}}

# timeline-message component yielding contextual component (dynamic names)
{{yield (hash
  timelineEntry=(component messageComponent message=message)
) messageComponent}}


# timeline-message usage
{{#timeline-message message=message as |context messageComponent|}}
    {{#if messageComponent}}
      <i class="fa {{context.timelineEntry.icon}} bg-{{context.timelineEntry.color}}"></i> # this does not work
      <div class="timeline-item">
          ...
          {{context.timelineEntry}} # this does work
      </div>
    {{/if}}
{{/timeline-message}}