import { ReactEcs } from '../../react-ecs';
import { UiScreenInsetAreaProps } from './types';
/**
 *
 * @public
 * ScreenInsetArea component
 *
 * Constrains its children to the area inside the renderer-reported screen
 * inset (safe margins). On mobile this is the area excluding the notch,
 * status bar, home indicator and rounded corners. On desktop the insets are
 * typically zero, so the container fills the canvas.
 *
 * The container is absolutely positioned with top/left/right/bottom matching
 * the current `UiCanvasInformation.screenInsetArea`, so a child sized
 * 100%x100% fills the safe area exactly.
 *
 * @example
 * <ScreenInsetArea><MyHud /></ScreenInsetArea>
 *
 * @category Component
 */
export declare function ScreenInsetArea(props: UiScreenInsetAreaProps): ReactEcs.JSX.Element;