Drawer

import {
	Drawer,
	DrawerBody,
	DrawerClose,
	DrawerContent,
	DrawerDescription,
	DrawerFooter,
	DrawerHeader,
	DrawerTitle,
	DrawerTrigger,
} from "@/components/ui/drawer"

<Drawer variant="default" direction="left" handle={false} backdrop="overlay">
	<DrawerTrigger>
		<Button variant="outline" color="neutral">
			<ChevronLeft size={20} /> Left
		</Button>
	</DrawerTrigger>
	<DrawerContent>
		<DrawerHeader>
			<DrawerTitle>This is a drawer header</DrawerTitle>
			<DrawerDescription>
				This is a drawer description message.
			</DrawerDescription>
		</DrawerHeader>
		<DrawerBody>
			<p>This is the main content of the drawer.</p>
		</DrawerBody>
		<DrawerFooter>
			<DrawerClose>
				<Button variant="outline" color="neutral">
					Close Drawer
				</Button>
			</DrawerClose>
			<Button>Submit Action</Button>
		</DrawerFooter>
	</DrawerContent>
</Drawer>