import { type DataTestId, type StylingProps, type WithChildren } from '@dynatrace/strato-components/core';
/**
 * Props for the {@link _Drawer} component.
 * @internal
 */
export type DrawerProps = WithChildren & StylingProps & DataTestId & {
    /** Handler that is called when the Drawer should be dismissed e.g. when pressing `ESC` or clicking on the backdrop. */
    onDismiss: (state: boolean, reason: string) => void;
    /** If the Drawer is currently dismissed or open. */
    isDismissed: boolean;
    /**
     * The side from which the Drawer enters and takes up the most space.
     * @defaultValue 'right'
     */
    placement?: 'left' | 'right';
    /**
     * The width of the Drawer. It supports predefined values and px, vw, rem and %.
     * @defaultValue 'medium'
     */
    width?: 'narrow' | 'medium' | 'wide' | 'full' | `${number}px` | `${number}vw` | `${number}rem` | `${number}%`;
    /**
     * The modality of the drawer.
     * When set to true, interaction with outside elements will be disabled and
     * only drawer content will be visible to screen readers.
     * @defaultValue true
     */
    modal?: boolean;
    /**
     * Whether the animations should be disabled.
     * @defaultValue false
     */
    disableAnimations?: boolean;
};
/**
 * A drawer component that slides in from the side and displays additional content. Its presence is fully controlled by props.
 * @internal
 */
export declare const Drawer: (props: WithChildren & StylingProps & DataTestId & {
    /** Handler that is called when the Drawer should be dismissed e.g. when pressing `ESC` or clicking on the backdrop. */
    onDismiss: (state: boolean, reason: string) => void;
    /** If the Drawer is currently dismissed or open. */
    isDismissed: boolean;
    /**
     * The side from which the Drawer enters and takes up the most space.
     * @defaultValue 'right'
     */
    placement?: "left" | "right";
    /**
     * The width of the Drawer. It supports predefined values and px, vw, rem and %.
     * @defaultValue 'medium'
     */
    width?: "narrow" | "medium" | "wide" | "full" | `${number}px` | `${number}vw` | `${number}rem` | `${number}%`;
    /**
     * The modality of the drawer.
     * When set to true, interaction with outside elements will be disabled and
     * only drawer content will be visible to screen readers.
     * @defaultValue true
     */
    modal?: boolean;
    /**
     * Whether the animations should be disabled.
     * @defaultValue false
     */
    disableAnimations?: boolean;
} & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null;