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

<DefaultLayout title="Toasts" pageHeader="Toasts" pageMenu="base.toasts">
	<div class="card">
		<div class="card-body">
			<div class="btn-list">
				<Button text="Simple toast" toastId="simple" />
				<Button text="Cookies toast" toastId="cookies" />
			</div>
		</div>
	</div>

	<div class="toast-container position-fixed bottom-0 end-0 p-3">
		<Toast toastId="simple" show={false} />
		<Toast toastId="cookies" show={false} cookies />
	</div>
</DefaultLayout>