import { type HTMLAttributes } from 'react';
import { type DataTestId, type StylingProps, type WithChildren } from '@dynatrace/strato-components/core';
import type { PanelSize } from './Panel/types/shared-panel-types.js';
import type { PagePanelSizes, PagePanelProps } from './types/shared-page-types.js';
/**
 * @public
 */
export interface SidebarOwnProps extends WithChildren, Omit<HTMLAttributes<HTMLDivElement>, 'onResize' | keyof StylingProps>, StylingProps, DataTestId {
    /**
     * The desired width of the sidebar.
     * Depending on the available screen width and other panel configurations,
     * the size of the panel might not match the `preferredWidth` exactly.
     * @defaultValue 15%
     */
    preferredWidth?: PanelSize;
    /**
     * The minimum width of the sidebar in pixels.
     * @defaultValue 200
     */
    minWidth?: number;
    /**
     * Screen size below which the overlay Drawer will be shown.
     * @defaultValue 640
     */
    breakpoint?: number;
    /**
     * If the sidebar's width can be resized (by drag and drop)
     * @defaultValue true
     */
    resizable?: boolean;
    /**
     * Defines if the Sidebar content will be kept in the DOM, even if the content
     * is not shown to the user.
     * @defaultValue false
     */
    keepMounted?: boolean;
    /**
     * Callback triggered after resizing is finished with the new panel sizes of
     * all existing panels and the newly applied panel width (in px).
     */
    onResize?: (sizes: PagePanelSizes, width: number) => void;
    /**
     * Notifies the user if an action happened that should change the dismissed state
     * like clicking on the backdrop on mobile.
     * The returned state is only a recommendation and might differ from what the actual
     * state of the panel should be.
     */
    onDismissChange?: (state: boolean, reason: string) => void;
}
/**
 * @public
 */
export type SidebarProps = SidebarOwnProps & PagePanelProps;
/**
 * The `Sidebar` component is used inside the `Page` component for displaying content in the corresponding panel.
 * @public
 */
export declare const Sidebar: (props: SidebarProps & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null;