---
// Port of preview/pages/navigation.html — seven layout/navbar.html includes
// with variant params, rendered with the shared Navbar component.
//
// Note: fluid-search (variant 5) is a no-op — the search block in the Liquid
// condensed branch is dead code (`unless condensed` inside `if condensed`);
// the prop exists on Navbar only to mirror the include signature.
import DefaultLayout from '@shared/layouts/DefaultLayout.astro';
import Navbar from '@shared/components/navbar/Navbar.astro';
---

<DefaultLayout title="Navigation" pageHeader="Navigation" pageMenu="base.navigation">
	<div class="box">
		<div class="mb-3">
			<Navbar sample condensed transparent personId={3} />
		</div>

		<div class="mb-3">
			<Navbar sample condensed personId={4} />
		</div>

		<div class="mb-3">
			<Navbar sample condensed dark hideLogo showTitle hideIcons hideUsername personId={5} />
		</div>

		<div class="mb-3">
			<Navbar sample condensed dark smallLogo backgroundColor="#7952b3" hideSearch personId={6} />
		</div>

		<div class="mb-3">
			<Navbar
				sample
				condensed
				dark
				background="primary"
				hideBrand
				hideIcons
				fluidSearch
				hideUsername
				personId={7}
			/>
		</div>

		<div class="mb-3">
			<Navbar sample smallLogo showTitle personId={8} />
		</div>

		<div class="mb-3">
			<Navbar sample dark personId={9} />
		</div>
	</div>
</DefaultLayout>