{{ define "main" }}
<article class="content"{{ if .Params.noindex }} data-pagefind-ignore{{ end }}>
    <header class="content-header">
        <h1>{{ .Title }}</h1>
    </header>
    {{ if .Params.legacy_ui }}
    <div class="legacy-banner" role="note">
        <strong>This page documents the "Default UI", which is still supported but no longer the primary recommendation.</strong>
        The <a href="/docs/search-ui/">Component UI</a> is now the main way to add search to your site.
    </div>
    {{ end }}
    {{ if .Params.new_ui }}
    <div class="new-ui-banner" role="note">
        <strong>The Component UI is new.</strong>
        Documentation for the previous UI is still available — see <a href="/docs/ui-usage/">usage</a> and <a href="/docs/ui/">config</a>.
    </div>
    {{ end }}
    <div class="content-body">
        {{ .Content }}
    </div>
    {{- partial "page-section.html" . -}}
    <hr class="copy-markdown-divider">
    <button class="copy-markdown-btn copy-markdown-btn--mobile" aria-label="Copy page as Markdown" title="Copy as Markdown">
        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="5.5" y="5.5" width="8" height="8" rx="1.5"/><path d="M3 10.5H2.5A1.5 1.5 0 0 1 1 9V2.5A1.5 1.5 0 0 1 2.5 1H9a1.5 1.5 0 0 1 1.5 1.5V3"/></svg>
        Copy as Markdown <span class="copy-tick">&#10003;</span>
    </button>
</article>
<script type="text/plain" id="page-markdown">
{{- partial "page-markdown.html" . -}}
</script>
{{- partial "toc.html" . -}}
{{ end }}