{{yield}}
{{#if (not loading)}}
<header>
{{#each flashMessages.queue as |flash|}}
    {{#flash-message flash=flash as |component flash|}}
        {{! flashes automatically ucfirst the type }}

        <p data-notification class="{{lowercase component.flashType}} notification-{{lowercase flash.action}}">
          <strong>
            {{component.flashType}}!
          </strong>
          {{#yield-slot name='notification' params=(block-params (lowercase component.flashType) (lowercase flash.action) flash.item )}}{{yield}}{{/yield-slot}}
        </p>
    {{/flash-message}}
{{/each}}
    <div>
        <div class="actions">
  {{#if authorized}}
            {{#yield-slot name='actions'}}{{yield}}{{/yield-slot}}
  {{/if}}
        </div>

        <div>
  {{#if authorized}}
            <nav aria-label="Breadcrumb">
                {{#yield-slot name='breadcrumbs'}}{{yield}}{{/yield-slot}}
            </nav>
  {{/if}}
            {{#yield-slot name='header'}}{{yield}}{{/yield-slot}}
        </div>
    </div>
  {{#if authorized}}
    {{#yield-slot name='toolbar'}}
      <input type="checkbox" id="toolbar-toggle" />
      {{yield}}
    {{/yield-slot}}
  {{/if}}
</header>
{{/if}}
<div>
{{#if loading}}
    {{partial 'consul-loading'}}
{{else}}
    {{#if (not enabled) }}
      {{#yield-slot name='disabled'}}{{yield}}{{/yield-slot}}
    {{else if (not authorized)}}
      {{#yield-slot name='authorization'}}{{yield}}{{/yield-slot}}
    {{else}}
      {{#yield-slot name='content'}}{{yield}}{{/yield-slot}}
    {{/if}}
{{/if}}
</div>
