---
// Port of preview/pages/dropdowns.html (layout: default)
import DefaultLayout from '@shared/layouts/DefaultLayout.astro';
import DropdownMenu from '@shared/components/ui/DropdownMenu.astro';
import DropdownMenuAll from '@shared/components/ui/DropdownMenuAll.astro';
---

<DefaultLayout title="Dropdowns" pageHeader="Dropdowns" pageMenu="base.dropdowns">
	<div class="row">
		<div class="col-sm-6 col-lg-3">
			<DropdownMenuAll show />
		</div>
		<div class="col-sm-6 col-lg-3">
			<DropdownMenu show />
			<DropdownMenu show separated />
			<DropdownMenu show active />
			<DropdownMenu show disabled />
			<DropdownMenu show header />
			<DropdownMenu show icons header />
			<DropdownMenu show arrow />
		</div>
		<div class="col-sm-6 col-lg-3">
			<DropdownMenu show />
			<DropdownMenu show separated />
			<DropdownMenu show active />
			<DropdownMenu show disabled />
			<DropdownMenu show header />
			<DropdownMenu show icons />
			<DropdownMenu show badge />
		</div>
		<div class="col-sm-6 col-lg-3">
			<DropdownMenu show dark />
			<DropdownMenu show dark separated />
			<DropdownMenu show arrow right dark />
			<DropdownMenu show arrow right dark icons />
			<DropdownMenu show check />
			<DropdownMenu show radio />
			<DropdownMenu show people />
			<DropdownMenu show flag />
		</div>
	</div>
</DefaultLayout>