import React from "react";
import { BoxProps } from "../Box";
import { TopBarProps } from "../TopBar";
import { CloseButtonProps } from "../CloseButton";
type ScrollableSlotRenderFunction = (props: {
    isOpen: boolean;
    isAnimationComplete: boolean;
}) => React.ReactNode;
export interface WithDrawerProps {
    drawerSlot: React.ReactNode;
    drawerSlotClassName?: string;
    onClose: () => void;
    isOpen?: boolean;
    fixedSlotTop?: React.ReactNode;
    fixedSlotTopClassName?: string;
    fixedSlotBottom?: React.ReactNode;
    fixedSlotBottomClassName?: string;
    scrollableSlot?: ScrollableSlotRenderFunction | React.ReactNode;
    scrollableSlotClassName?: string;
    drawerSide?: "left" | "right";
    noAnimation?: boolean;
    drawerWidth?: number;
    className?: string;
    contentClassName?: string;
}
export declare const WithDrawer: ({ drawerSlot, drawerSlotClassName, onClose, isOpen, fixedSlotTop, fixedSlotTopClassName, fixedSlotBottom, fixedSlotBottomClassName, scrollableSlot, scrollableSlotClassName, drawerSide, noAnimation, drawerWidth, className, contentClassName, }: WithDrawerProps) => React.JSX.Element;
export interface DrawerProps extends BoxProps {
    headingSlot: React.ReactNode;
    footerSlot?: React.ReactNode;
    drawerSide?: "left" | "right";
}
export declare const DrawerContent: ({ children, className, ...rest }: BoxProps) => React.JSX.Element;
export declare const DrawerHeader: ({ className, ...rest }: TopBarProps) => React.JSX.Element;
export declare const DrawerCloseButton: ({ onClick, className, ...rest }: CloseButtonProps) => React.JSX.Element;
export declare const DrawerBody: ({ children, className, ...rest }: BoxProps) => React.JSX.Element;
export declare const DrawerFooter: ({ children, className, ...rest }: BoxProps) => React.JSX.Element;
export declare const Drawer: {
    ({ children, headingSlot, footerSlot, className, drawerSide, ...rest }: DrawerProps): React.JSX.Element;
    Content: ({ children, className, ...rest }: BoxProps) => React.JSX.Element;
    Header: ({ className, ...rest }: TopBarProps) => React.JSX.Element;
    CloseButton: ({ onClick, className, ...rest }: CloseButtonProps) => React.JSX.Element;
    Body: ({ children, className, ...rest }: BoxProps) => React.JSX.Element;
    Footer: ({ children, className, ...rest }: BoxProps) => React.JSX.Element;
};
export {};