Dialog

import {
	Dialog,
	DialogBody,
	DialogClose,
	DialogContent,
	DialogDescription,
	DialogFooter,
	DialogHeader,
	DialogTitle,
	DialogTrigger,
} from "@/components/ui/dialog"

<Dialog>
	<DialogTrigger>Open Dialog</DialogTrigger>
	<DialogContent>
		<DialogHeader>
			<DialogTitle>My Dialog</DialogTitle>
			<DialogDescription>My Dialog Description</DialogDescription>
		</DialogHeader>
		<DialogBody>This is a simple dialog body content.</DialogBody>
		<DialogFooter>
			<DialogClose asChild>
				<Button variant="outline" color="neutral">
					Cancel
				</Button>
			</DialogClose>
			<Button>Confirm</Button>
		</DialogFooter>
	</DialogContent>
</Dialog>