{{ define "main" }}
	<div class='hx-mx-auto hx-flex {{ partial "utils/page-width" . }}'>
	{{ partial "sidebar.html" (dict "context" .) }}
	{{ partial "toc.html" . }}
	<article class="hx-w-full hx-break-words hx-flex hx-min-h-[calc(100vh-var(--navbar-height))] hx-min-w-0 hx-justify-center hx-pb-8 hx-pr-[calc(env(safe-area-inset-right)-1.5rem)]">
		<main class="hx-w-full hx-min-w-0 hx-max-w-6xl hx-px-6 hx-pt-4 md:hx-px-12">
			<div class="content">
				{{ if .Title }}<h1>{{ .Title }}</h1>{{ end }}
				{{ .Content }}
				{{ $repo := .Site.Params.repo }}

				{{ $data := index .Site.Data .Params.context }}
				<table>
					<tr>
						<th>Name</th>
						<th>Description</th>
						<th>Values</th>
					</tr>
					{{ range $config_name, $info := $data }}
						<tr>
							<td id="{{ $config_name }}">
								{{ if $info.deprecated }}<i>(Deprecated)</i>{{ end }}
								<code>{{ if strings.Contains $info.type "string" }}string{{ else }}{{ $info.type }}{{ end }}</code>
								<a href="#{{ $config_name }}">{{ $config_name }}</a>
							</td>
							<td>
								{{ $info.description }}
								<a href="{{ $repo }}blob/master{{ $info.declarationFile }}#L{{ $info.declarationLine }}">(source)</a>
							</td>
							<td>
								<dl class="hx-text-xs">
									{{ if $info.defaultValue }}
										<dt>Default:</dt>
										<dd><code>{{ $info.defaultValue }}</code></dd>
									{{ end }}
									{{ if $info.minimumValue }}
										<dt>Min:</dt>
										<dd><code>{{ $info.minimumValue }}</code></dd>
									{{ end }}
									{{ if $info.maximumValue }}
										<dt>Max:</dt>
										<dd><code>{{ $info.maximumValue }}</code></dd>
									{{ end }}
									{{ if $info.safemodeValue }}
										<dt>Safe Mode:</dt>
										<dd><code>{{ $info.safemodeValue }}</code></dd>
									{{ end }}
									{{ if $info.headlessValue }}
										<dt>Headless:</dt>
										<dd><code>{{ $info.headlessValue }}</code></dd>
									{{ end }}
								</dl>
							</td>
						</tr>
					{{ end }}
				</table>
			</div>
		{{ partial "components/last-updated.html" . }}
		{{ partial "components/pager.html" . }}
		{{ partial "components/comments.html" . }}
		</main>
	</article>
  </div>
{{ end }}