import { ReactNode } from 'react';
import './sidebar-modal.less';
export type HeaderTagName = 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
export type SidebarModalProps = {
    /** Header title */
    title: string | ReactNode;
    /** Pass a React.Fragment with list of buttons or custom component. Check footerClassName */
    footer?: ReactNode;
    children: ReactNode;
    show: boolean;
    /** Close handler. Consumer manages show and onClose */
    onClose?: () => void;
    shouldCloseOnEsc?: boolean;
    modalBodyClassName?: string;
    /** h2..h6 tag name for header */
    headerTagName?: HeaderTagName;
    headerTagClassName?: string;
    headerClassName?: string;
    contentClassName?: string;
    footerClassName?: string;
    testId?: string;
    showCloseIcon?: boolean;
    disableClose?: boolean;
    /** Default layout is for left sidebar, set this to true for right sidebar */
    alignRight?: boolean;
    closeButtonTestId?: string;
    closeLabelText?: string;
    /** The text that the screen reader will say when the sidebar modal is opened */
    ariaLabel?: string;
};
/**
 * Modal window which is rendered next to sidebar.
 * Requirements for parent component of this modal:
 * - position: relative;
 * - no overflow styles;
 * - should be rightmost or leftmost component on the page, like sidebar
 * @midnight-gray-supported
 * @uxr-only-supported
 * @alpine-light-supported
 */
export declare const SidebarModal: ({ title, children, footer, onClose, show, headerTagName, headerClassName, headerTagClassName, contentClassName, footerClassName, modalBodyClassName, testId, closeButtonTestId, closeLabelText, shouldCloseOnEsc, showCloseIcon, disableClose, alignRight, ariaLabel, }: SidebarModalProps) => import("react/jsx-runtime").JSX.Element | null;
