Drawer

import { Button } from '@/ui/button';
import { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger } from '@/ui/drawer';

<Drawer>
    <DrawerTrigger render={<Button variant="secondary" size="md">Open drawer</Button>} />
    <DrawerContent>
        <DrawerHeader>
            <DrawerTitle>Connect a wallet</DrawerTitle>
            <DrawerDescription>Your wallet seals your chats.</DrawerDescription>
        </DrawerHeader>
        <DrawerBody>…</DrawerBody>
        <DrawerFooter>
            <DrawerClose render={<Button variant="ghost" size="lg">Cancel</Button>} />
        </DrawerFooter>
    </DrawerContent>
</Drawer>