import { DrawerCompound } from './types';
/**
 * A flexible drawer with three render modes: portal, inline and mini.
 *
 * Compose with `Drawer.Header`, `Drawer.Body` and `Drawer.Footer`:
 *
 * @example
 * ```tsx
 * <Drawer open={open} onOpenChange={setOpen} mode="portal">
 *   <Drawer.Header title="Settings" />
 *   <Drawer.Body>
 *     <Drawer.Section title="Navigation">
 *       <Drawer.NavItem label="Dashboard" href="/dashboard" startIcon="lucide:home" />
 *     </Drawer.Section>
 *     <Drawer.Section title="Account">
 *       <Drawer.SectionItem label="Account" startIcon="lucide:user">
 *         <Drawer.NavItem label="Profile" href="/profile" />
 *         <Drawer.ActionItem label="Sign out" startIcon="lucide:log-out" />
 *       </Drawer.SectionItem>
 *     </Drawer.Section>
 *   </Drawer.Body>
 *   <Drawer.Footer>
 *     <Button onClick={() => setOpen(false)}>Close</Button>
 *   </Drawer.Footer>
 * </Drawer>
 * ```
 */
declare const Drawer: DrawerCompound;
export { Drawer };