import { type ReactNode } from 'react'; import { type DataTestId, type MaskingProps, type StylingProps, type WithChildren, type AriaLabelingProps } from '@dynatrace/strato-components/core'; /** * @public */ export interface SheetProps extends WithChildren, AriaLabelingProps, StylingProps, DataTestId, MaskingProps { /** The title which is displayed at the top of the sheet. */ title?: string; /** * Toggles the visibility of the sheet component. * @defaultValue false */ show?: boolean; /** * The offset to the top of the App which should not be covered. * @defaultValue 28 */ topoffset?: number; /** * Actions will be rendered to the top right, next to the title. * They usually contain buttons like 'Apply' or 'Cancel'. */ actions?: ReactNode; /** Handler that is only called if the sheet is closed with the Escape key. */ onDismiss?: () => void; } /** * The `Sheet` component allows you to show additional content in an overlay of your * application. It is essential to add at least one focusable element * inside the `Sheet` to be keyboard accessible. If none is available the * focus will be lost and given to the `window.document` when opening the * sheet. * * The developer is responsible for the sheet's visibility via * the `show` prop. This prop must be updated to false in the `onDismiss` * callback to ensure keyboard accessibility. * @public */ export declare const Sheet: (props: SheetProps & import("react").RefAttributes) => React.ReactElement | null;