import { MouseEvent } from 'react';
type DrawerOverrideProps = {
    title: string | JSX.Element;
    "aria-label"?: never;
    "aria-labelledby"?: never;
};
export interface BaseDrawerProps extends Omit<React.HTMLAttributes<HTMLDialogElement>, "title"> {
    children?: React.ReactNode;
    id?: string;
    onBack?: () => void;
    onClose?: () => void;
    onCancel?: (e: MouseEvent<HTMLButtonElement>) => void;
    onApply?: (e: MouseEvent<HTMLButtonElement>) => void;
    disableApplyButton?: boolean;
    hasScrim?: boolean;
    closeOnScrimClick?: boolean;
    ref?: React.Ref<HTMLDivElement>;
    open?: boolean;
    width?: string;
    actions?: React.ReactNode[];
    translations?: {
        apply: string;
        back: string;
        cancel: string;
        close: string;
    };
}
export type DrawerProps = Omit<BaseDrawerProps, "closeOnScrimClick"> & DrawerOverrideProps;
/**
 * The Drawer component is a panel that slides out from the edge of the screen.
 *
 * @example
 * <Drawer open={isOpen} title="Mini Form">
 *  <Form>
 *   <TextInput />
 *   <TextInput />
 *  </Form>
 * </Drawer>
 *
 * @see https://design.avayacloud.com/components/web/drawer-web
 */
export declare const Drawer: {
    ({ ref, children, className, id, open, title, onBack, onClose, onApply, onCancel, disableApplyButton, width, actions, translations, ...rest }: DrawerProps): import("react/jsx-runtime").JSX.Element | undefined;
    displayName: string;
};
export {};