{% from "govuk/components/notification-banner/macro.njk" import govukNotificationBanner -%}

{% set hasPreviousPages = context.relevantPages | length > 1 -%}

{%- macro _closeLink() -%}
  <p class="govuk-notification-banner__heading govuk-!-margin-top-1 js-preview-banner-close" hidden>
    <a href="{{ config.designerUrl }}/library/{{ slug }}/editor" class="govuk-link--no-visited-state">Go back to the editor</a>
  </p>
{%- endmacro -%}

{% call govukNotificationBanner() %}
  {% if not context.isForceAccess %}
    <p class="govuk-notification-banner__heading govuk-!-margin-bottom-0">
      This is a preview of a {{ previewMode }} form. Do not enter personal information.
    </p>

    {{ _closeLink() }}
  {% else %}
    <p class="govuk-notification-banner__heading govuk-!-margin-bottom-0">
      This is a preview of a {{ previewMode }} form page you are editing.
    </p>

    {{ _closeLink() }}

    {% if hasPreviousPages %}
      <p class="govuk-body govuk-!-margin-top-2">
        It depends on answers from earlier pages in the form. In the live
        version, users will need to complete those questions first.
      </p>
    {% endif %}
  {% endif %}
{% endcall %}