import React from "react";
import type { EditorInterface } from "@excalidraw/common";
import "./UIRegionLayout.scss";
import type { ExcalidrawImperativeAPI, ExcalidrawUIFormFactorLayout, ExcalidrawUIItem, ExcalidrawUIOrientation, ExcalidrawUIRegion, UIAppState } from "../types";
export type UIRegionLayoutItem = {
    id: ExcalidrawUIItem;
    content: React.ReactNode;
    defaultRegion: ExcalidrawUIRegion;
    defaultOrder?: number;
    defaultOrientation?: ExcalidrawUIOrientation;
    islandGroup?: {
        id: string;
        className: string;
        padding: number;
        gap: number;
    };
};
export declare const UIRegionLayout: ({ items, layout, app, appState, editorInterface, className, legacyBottomCenter, legacyBottomLeft, }: {
    items: readonly UIRegionLayoutItem[];
    layout?: ExcalidrawUIFormFactorLayout;
    app: {
        api: ExcalidrawImperativeAPI;
    };
    appState: UIAppState;
    editorInterface: EditorInterface;
    className?: string;
    legacyBottomCenter?: React.ReactNode;
    legacyBottomLeft?: React.ReactNode;
}) => import("react/jsx-runtime").JSX.Element;
export declare const getUIFormFactorLayout: (layout: {
    desktop?: ExcalidrawUIFormFactorLayout;
    tablet?: ExcalidrawUIFormFactorLayout;
    mobile?: ExcalidrawUIFormFactorLayout;
} | undefined, editorInterface: Pick<EditorInterface, "formFactor">) => ExcalidrawUIFormFactorLayout | undefined;