import * as React from 'react';
import { Drawer as BaseDrawer } from '@base-ui/react/drawer';
import { type ModalContentProps } from '../../internal/modal';
type DrawerSide = 'top' | 'bottom' | 'left' | 'right';
interface DrawerProps extends Omit<React.ComponentProps<typeof BaseDrawer.Root>, 'swipeDirection'> {
    /**
     * The edge the drawer slides in from.
     * @default 'bottom'
     */
    side?: DrawerSide;
}
declare const Drawer: (({ side, ...props }: DrawerProps) => React.JSX.Element) & {
    createHandle: typeof BaseDrawer.createHandle;
};
type DrawerProviderProps = React.ComponentProps<typeof BaseDrawer.Provider>;
declare function DrawerProvider(props: DrawerProviderProps): React.JSX.Element;
type DrawerIndentBackgroundProps = React.ComponentProps<typeof BaseDrawer.IndentBackground>;
declare function DrawerIndentBackground({ className, ...props }: DrawerIndentBackgroundProps): React.JSX.Element;
type DrawerIndentProps = React.ComponentProps<typeof BaseDrawer.Indent>;
declare function DrawerIndent({ className, ...props }: DrawerIndentProps): React.JSX.Element;
type DrawerTriggerProps = React.ComponentProps<typeof BaseDrawer.Trigger>;
declare function DrawerTrigger({ className, ...props }: DrawerTriggerProps): React.JSX.Element;
type DrawerContentProps = ModalContentProps<React.ComponentProps<typeof BaseDrawer.Popup>, React.ComponentProps<typeof BaseDrawer.Portal>, React.ComponentProps<typeof BaseDrawer.Backdrop>, React.ComponentProps<typeof BaseDrawer.Viewport>> & {
    /**
     * Render the × button in the corner.
     * @default true
     */
    closeButton?: boolean;
    /**
     * Accessible label for the close button.
     * @default 'Close'
     */
    closeLabel?: string;
    /** Render the dimmed backdrop. Defaults to `true` at the top level, off when nested. */
    backdrop?: boolean;
    /**
     * Wrap the panel in a translucent glass frame. Turned off, the drawer is a plain solid
     * card and the handle sits inside it, the way a nested drawer looks. Needs `backdrop`:
     * without one the panel is always solid.
     * @default true
     */
    frame?: boolean;
};
declare function DrawerContent({ className, children, closeButton, closeLabel, backdrop, frame, backdropProps, viewportProps, ...props }: DrawerContentProps): React.JSX.Element;
type DrawerHeaderProps = React.ComponentPropsWithoutRef<'div'>;
declare function DrawerHeader({ className, ...props }: DrawerHeaderProps): React.JSX.Element;
type DrawerTitleProps = React.ComponentProps<typeof BaseDrawer.Title>;
declare function DrawerTitle({ className, ...props }: DrawerTitleProps): React.JSX.Element;
type DrawerDescriptionProps = React.ComponentProps<typeof BaseDrawer.Description>;
declare function DrawerDescription({ className, ...props }: DrawerDescriptionProps): React.JSX.Element;
type DrawerBodyProps = React.ComponentProps<typeof BaseDrawer.Content>;
declare function DrawerBody({ className, ...props }: DrawerBodyProps): React.JSX.Element;
type DrawerFooterProps = React.ComponentPropsWithoutRef<'div'>;
declare function DrawerFooter({ className, ...props }: DrawerFooterProps): React.JSX.Element;
type DrawerCloseProps = React.ComponentProps<typeof BaseDrawer.Close>;
declare function DrawerClose({ className, ...props }: DrawerCloseProps): React.JSX.Element;
export { Drawer, DrawerProvider, DrawerIndent, DrawerIndentBackground, DrawerTrigger, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, DrawerBody, DrawerFooter, DrawerClose, };
export type { DrawerProps, DrawerProviderProps, DrawerIndentProps, DrawerIndentBackgroundProps, DrawerTriggerProps, DrawerContentProps, DrawerHeaderProps, DrawerTitleProps, DrawerDescriptionProps, DrawerBodyProps, DrawerFooterProps, DrawerCloseProps, };
//# sourceMappingURL=drawer.d.ts.map