import * as React from 'react';
import { ReactElement } from 'react';
import { Drawer as Drawer$1 } from 'vaul';

/**
 * Drawer — WealthX DS overrides (vaul/shadcn base)
 *
 * Changes from shadcn default:
 *   - DrawerOverlay:  `bg-black/50` → `bg-foreground/50` — uses DS foreground token (matches Figma overlay)
 *   - DrawerContent:  removed `rounded-b-lg` / `rounded-t-lg` — sharp corners per Figma (no radius)
 *   - DrawerContent:  handle bar also shown for `direction=top` (not just bottom)
 *   - DrawerHeader:   removed `text-center` for top/bottom — always left-aligned per DS rule
 *   - DrawerTitle:    added `text-lg` — matches Figma Text-lg/Semibold
 */

type DrawerProps = React.ComponentProps<typeof Drawer$1.Root>;
declare function Drawer({ ...props }: DrawerProps): ReactElement;
type DrawerTriggerProps = React.ComponentProps<typeof Drawer$1.Trigger>;
declare function DrawerTrigger({ ...props }: DrawerTriggerProps): ReactElement;
type DrawerPortalProps = React.ComponentProps<typeof Drawer$1.Portal>;
declare function DrawerPortal({ ...props }: DrawerPortalProps): ReactElement;
type DrawerCloseProps = React.ComponentProps<typeof Drawer$1.Close>;
declare function DrawerClose({ ...props }: DrawerCloseProps): ReactElement;
type DrawerOverlayProps = React.ComponentProps<typeof Drawer$1.Overlay>;
declare function DrawerOverlay({ className, ...props }: DrawerOverlayProps): ReactElement;
type DrawerContentProps = React.ComponentProps<typeof Drawer$1.Content>;
declare function DrawerContent({ className, children, style, ...props }: DrawerContentProps): ReactElement;
type DrawerHeaderProps = React.ComponentProps<"div">;
declare function DrawerHeader({ className, ...props }: DrawerHeaderProps): ReactElement;
type DrawerFooterProps = React.ComponentProps<"div">;
declare function DrawerFooter({ className, ...props }: DrawerFooterProps): ReactElement;
type DrawerTitleProps = React.ComponentProps<typeof Drawer$1.Title>;
declare function DrawerTitle({ className, ...props }: DrawerTitleProps): ReactElement;
type DrawerDescriptionProps = React.ComponentProps<typeof Drawer$1.Description>;
declare function DrawerDescription({ className, ...props }: DrawerDescriptionProps): ReactElement;

export { Drawer, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, DrawerOverlay, type DrawerOverlayProps, DrawerPortal, type DrawerPortalProps, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps };