<script setup>
import TToast from "@/components/ui/TToast.vue";
import TConfirmDialog from "@/components/ui/TConfirmDialog.vue";
import TDialogDynamic from "@/components/ui/TDialogDynamic.vue";
import InstantMessageToast from "@/components/messages/InstantMessageToast.vue";
</script>

<template>
	<div>
		<TConfirmDialog></TConfirmDialog>
		<TToast>
			<template #message="slotProps">
				{{ slotProps.message.detail }}
			</template>
		</TToast>
		<InstantMessageToast></InstantMessageToast>
		<TDialogDynamic></TDialogDynamic>
	</div>
</template>

<style>
.p-confirmdialog {
	min-width: 20rem;
	max-width: 30rem;
}
</style>