<Header UNSAFE_className="theme-light-on-brand hide-from-visual-tests">

  <Link href="http://localhost:3456" aria-label="Spirit Development Preview">
    {% include 'assets/spiritLogoInverted.html.twig' %}
  </Link>

  <HeaderMobileActions dialogId="off-canvas-navigation" />

  <HeaderDesktopActions aria-label="Main navigation">
    <HeaderNav>
      <HeaderNavItem>
        <HeaderLink href="http://localhost:3456/packages/web/">Web</HeaderLink>
      </HeaderNavItem>
      <HeaderNavItem>
        <HeaderLink href="http://localhost:3456/packages/web-react/">Web React</HeaderLink>
      </HeaderNavItem>
      <HeaderNavItem>
        <HeaderLink href="/" isCurrent>Web Twig</HeaderLink>
      </HeaderNavItem>
      <HeaderNavItem>
        <HeaderLink href="http://localhost:3456/packages/form-validations/">Form Validations</HeaderLink>
      </HeaderNavItem>
    </HeaderNav>
  </HeaderDesktopActions>

  <HeaderDesktopActions isAtEnd>
    {% include "partials/themeSwitcher.html.twig" with { isLabelHidden: true, themes } only %}
  </HeaderDesktopActions>

</Header>

<HeaderDialog id="off-canvas-navigation" aria-label="Menu">
  <HeaderDialogCloseButton dialogId="off-canvas-navigation" />

  <HeaderDialogActions aria-label="Main navigation">
    <HeaderDialogNav>
      <HeaderDialogNavItem>
        <HeaderDialogLink href="http://localhost:3456/packages/web/">Web</HeaderDialogLink>
      </HeaderDialogNavItem>
      <HeaderDialogNavItem>
        <HeaderDialogLink href="http://localhost:3456/packages/web-react/">Web React</HeaderDialogLink>
      </HeaderDialogNavItem>
      <HeaderDialogNavItem>
        <HeaderDialogLink href="#" isCurrent>Web Twig</HeaderDialogLink>
      </HeaderDialogNavItem>
      <HeaderDialogNavItem>
        <HeaderDialogLink href="http://localhost:3456/packages/form-validations/">Form Validations</HeaderDialogLink>
      </HeaderDialogNavItem>
    </HeaderDialogNav>
  </HeaderDialogActions>

  <HeaderDialogActions>
    {% include "partials/themeSwitcher.html.twig" with { themes } only %}
  </HeaderDialogActions>

</HeaderDialog>
