import './Drawer.css';
import React from 'react';
import { type IconButtonProps } from '../IconButton';
export declare const cnDrawer: import("@bem-react/classname").ClassNameFormatter;
export declare const Drawer: React.ForwardRefExoticComponent<{
    open?: boolean | undefined;
    variant?: "small" | "medium" | "large" | undefined;
    size?: "s" | "l" | undefined;
    placement?: "left" | "right" | undefined;
    hideCloseButton?: boolean | undefined;
    closeButtonAriaLabel?: string | undefined;
    onClose?: (() => void) | undefined;
    className?: string | undefined;
    externalFirstFocusableElementRef?: React.MutableRefObject<HTMLElement | null> | undefined;
    externalReturnFocusableElementRef?: React.MutableRefObject<HTMLElement | null> | undefined;
    closeButtonProps?: (Omit<IconButtonProps<"button">, "icon"> & {
        'data-testid'?: string | undefined;
    }) | undefined;
} & Omit<import("../Modal").ModalProps, "className" | "aria-modal" | "children" | "open" | "onClose"> & {
    children?: React.ReactNode;
} & React.RefAttributes<HTMLDivElement>>;