<div class='docs-container'>
  <h1 class='docs-hero__heading'>
    {{#if logo}}
      <span class='docs-hero__logo'>
        {{docs-logo logo=logo}}
      </span>
    {{/if}}

    <span class='docs-hero__slim-heading'>{{slim-heading}}</span><span class='docs-hero__strong-heading'>{{strong-heading}}</span>
  </h1>
  <p class='docs-hero__byline'>{{byline}}</p>
</div>

<div class='docs-container'>
  <h1 class='docs-hero__heading'>
    {{#if hasBlock}}
      {{yield}}
    {{else if logo}}
      <span class='docs-hero__logo'>
        {{docs-logo logo=logo}}
      </span>
    {{/if}}

    <span class='docs-hero__slim-heading'>{{slim-heading}}</span><span class='docs-hero__strong-heading'>{{strong-heading}}</span>
  </h1>
  <p class='docs-hero__byline'>{{byline}}</p>
</div>

Allow docs-hero to take a block for the icon like docs-navbar
Allow docs-hero to take a block for the icon like docs-navbar
