<header>
  {{#if this.betaNotice}}
    <a href="https://planninglabs.nyc/" class="labs-beta-notice hide-for-print">A beta project of NYC Planning Labs</a>
  {{else}}
    {{yield (hash pre=(component "deprecated/site-header-pre"))}}
  {{/if}}

  <div class="grid-x grid-padding-x">

    <div {{action (mut this.closed) true preventDefault=false}} class="branding cell {{if this.responsiveNav (concat this.responsiveSize '-auto shrink') 'auto'}}">
      <a class="dcp-link" href="http://www1.nyc.gov/site/planning/index.page"><img class="dcp-logo" src="https://raw.githubusercontent.com/NYCPlanning/logo/master/dcp_logo_772.png" alt="NYC Planning"></a>
      {{yield (hash title = (component 'deprecated/site-title'))}}
    </div>

    {{#if this.responsiveNav}}
      <div class="cell auto hide-for-{{this.responsiveSize}} text-right">
        <button class="responsive-nav-toggler hide-for-print" type="button" {{action (mut this.closed) (not this.closed)}}>Menu</button>
      </div>
    {{/if}}

    <nav {{action (mut this.closed) (not this.closed) preventDefault=false}} role="navigation" class="cell {{if this.responsiveNav (concat this.responsiveSize '-shrink responsive') 'shrink'}} {{if (and this.responsiveNav this.closed) (concat 'show-for-' this.responsiveSize)}} hide-for-print">
      {{yield (hash nav = (component 'deprecated/site-nav'))}}
    </nav>

  </div>
</header>
