/// <reference types="react" />
import { ElementConfig } from "./Element";
export declare const EditorConfig: (({ priority, children }: import("@webiny/react-properties").ConfigProps) => import("react").JSX.Element) & {
    /**
     * Components to configure editor UI.
     */
    Ui: {
        Element: (({ id, name, element, group, scope, remove, before, after }: import("./Element").ElementProps) => import("react").JSX.Element) & {
            original: ({ id, name, element, group, scope, remove, before, after }: import("./Element").ElementProps) => import("react").JSX.Element;
            originalName: string;
            displayName: string;
        } & {
            original: (({ id, name, element, group, scope, remove, before, after }: import("./Element").ElementProps) => import("react").JSX.Element) & {
                original: ({ id, name, element, group, scope, remove, before, after }: import("./Element").ElementProps) => import("react").JSX.Element;
                originalName: string;
                displayName: string;
            };
            originalName: string;
            displayName: string;
        } & {
            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ id, name, element, group, scope, remove, before, after }: import("./Element").ElementProps) => import("react").JSX.Element) & {
                original: ({ id, name, element, group, scope, remove, before, after }: import("./Element").ElementProps) => import("react").JSX.Element;
                originalName: string;
                displayName: string;
            }>) => (props: unknown) => import("react").JSX.Element;
        };
        Elements: ({ group, scope, transform }: import("./Elements").ElementsProps) => import("react").JSX.Element;
        Layout: (() => import("react").JSX.Element) & {
            original: () => import("react").JSX.Element;
            originalName: string;
            displayName: string;
        } & {
            original: (() => import("react").JSX.Element) & {
                original: () => import("react").JSX.Element;
                originalName: string;
                displayName: string;
            };
            originalName: string;
            displayName: string;
        } & {
            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(() => import("react").JSX.Element) & {
                original: () => import("react").JSX.Element;
                originalName: string;
                displayName: string;
            }>) => (props: unknown) => import("react").JSX.Element;
        };
        Content: (() => import("react").JSX.Element) & {
            original: () => import("react").JSX.Element;
            originalName: string;
            displayName: string;
        } & {
            original: (() => import("react").JSX.Element) & {
                original: () => import("react").JSX.Element;
                originalName: string;
                displayName: string;
            };
            originalName: string;
            displayName: string;
        } & {
            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(() => import("react").JSX.Element) & {
                original: () => import("react").JSX.Element;
                originalName: string;
                displayName: string;
            }>) => (props: unknown) => import("react").JSX.Element;
        } & {
            Layout: ({ className, children }: import("./Content/Layout").LayoutProps) => import("react").JSX.Element;
            Element: ((props: import("./Content/Content").ElementProps) => import("react").JSX.Element) & {
                original: (props: import("./Content/Content").ElementProps) => import("react").JSX.Element;
                originalName: string;
                displayName: string;
            } & {
                original: ((props: import("./Content/Content").ElementProps) => import("react").JSX.Element) & {
                    original: (props: import("./Content/Content").ElementProps) => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                };
                originalName: string;
                displayName: string;
            } & {
                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./Content/Content").ElementProps) => import("react").JSX.Element) & {
                    original: (props: import("./Content/Content").ElementProps) => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                }>) => (props: unknown) => import("react").JSX.Element;
            };
            Elements: (() => import("react").JSX.Element) & {
                original: () => import("react").JSX.Element;
                originalName: string;
                displayName: string;
            } & {
                original: (() => import("react").JSX.Element) & {
                    original: () => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                };
                originalName: string;
                displayName: string;
            } & {
                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(() => import("react").JSX.Element) & {
                    original: () => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                }>) => (props: unknown) => import("react").JSX.Element;
            };
            ElementControls: ((props: import("../contexts/EditorPageElementsProvider/ElementControls").ElementControlsProps) => import("react").JSX.Element | null) & {
                original: (props: import("../contexts/EditorPageElementsProvider/ElementControls").ElementControlsProps) => import("react").JSX.Element | null;
                originalName: string;
                displayName: string;
            } & {
                original: ((props: import("../contexts/EditorPageElementsProvider/ElementControls").ElementControlsProps) => import("react").JSX.Element | null) & {
                    original: (props: import("../contexts/EditorPageElementsProvider/ElementControls").ElementControlsProps) => import("react").JSX.Element | null;
                    originalName: string;
                    displayName: string;
                };
                originalName: string;
                displayName: string;
            } & {
                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("../contexts/EditorPageElementsProvider/ElementControls").ElementControlsProps) => import("react").JSX.Element | null) & {
                    original: (props: import("../contexts/EditorPageElementsProvider/ElementControls").ElementControlsProps) => import("react").JSX.Element | null;
                    originalName: string;
                    displayName: string;
                }>) => (props: unknown) => import("react").JSX.Element;
            };
        };
        TopBar: (() => import("react").JSX.Element) & {
            Element: ((props: import("./TopBar/TopBar").ElementProps) => import("react").JSX.Element) & {
                original: (props: import("./TopBar/TopBar").ElementProps) => import("react").JSX.Element;
                originalName: string;
                displayName: string;
            } & {
                original: ((props: import("./TopBar/TopBar").ElementProps) => import("react").JSX.Element) & {
                    original: (props: import("./TopBar/TopBar").ElementProps) => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                };
                originalName: string;
                displayName: string;
            } & {
                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./TopBar/TopBar").ElementProps) => import("react").JSX.Element) & {
                    original: (props: import("./TopBar/TopBar").ElementProps) => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                }>) => (props: unknown) => import("react").JSX.Element;
            };
            Elements: ((props: import("./TopBar/TopBar").ElementsProps) => import("react").JSX.Element) & {
                original: (props: import("./TopBar/TopBar").ElementsProps) => import("react").JSX.Element;
                originalName: string;
                displayName: string;
            } & {
                original: ((props: import("./TopBar/TopBar").ElementsProps) => import("react").JSX.Element) & {
                    original: (props: import("./TopBar/TopBar").ElementsProps) => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                };
                originalName: string;
                displayName: string;
            } & {
                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./TopBar/TopBar").ElementsProps) => import("react").JSX.Element) & {
                    original: (props: import("./TopBar/TopBar").ElementsProps) => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                }>) => (props: unknown) => import("react").JSX.Element;
            };
            Layout: ((props: import("./TopBar/Layout").TopBarLayoutProps) => import("react").JSX.Element) & {
                original: (props: import("./TopBar/Layout").TopBarLayoutProps) => import("react").JSX.Element;
                originalName: string;
                displayName: string;
            } & {
                original: ((props: import("./TopBar/Layout").TopBarLayoutProps) => import("react").JSX.Element) & {
                    original: (props: import("./TopBar/Layout").TopBarLayoutProps) => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                };
                originalName: string;
                displayName: string;
            } & {
                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./TopBar/Layout").TopBarLayoutProps) => import("react").JSX.Element) & {
                    original: (props: import("./TopBar/Layout").TopBarLayoutProps) => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                }>) => (props: unknown) => import("react").JSX.Element;
            };
            Divider: (() => import("react").JSX.Element) & {
                original: () => import("react").JSX.Element;
                originalName: string;
                displayName: string;
            } & {
                original: (() => import("react").JSX.Element) & {
                    original: () => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                };
                originalName: string;
                displayName: string;
            } & {
                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(() => import("react").JSX.Element) & {
                    original: () => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                }>) => (props: unknown) => import("react").JSX.Element;
            };
            Action: ((props: import("./TopBar/TopBar").ActionProps) => import("react").JSX.Element) & {
                original: (props: import("./TopBar/TopBar").ActionProps) => import("react").JSX.Element;
                originalName: string;
                displayName: string;
            } & {
                original: ((props: import("./TopBar/TopBar").ActionProps) => import("react").JSX.Element) & {
                    original: (props: import("./TopBar/TopBar").ActionProps) => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                };
                originalName: string;
                displayName: string;
            } & {
                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./TopBar/TopBar").ActionProps) => import("react").JSX.Element) & {
                    original: (props: import("./TopBar/TopBar").ActionProps) => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                }>) => (props: unknown) => import("react").JSX.Element;
            };
            DropdownAction: ((props: import("./TopBar/TopBar").DropdownActionProps) => import("react").JSX.Element) & {
                original: (props: import("./TopBar/TopBar").DropdownActionProps) => import("react").JSX.Element;
                originalName: string;
                displayName: string;
            } & {
                original: ((props: import("./TopBar/TopBar").DropdownActionProps) => import("react").JSX.Element) & {
                    original: (props: import("./TopBar/TopBar").DropdownActionProps) => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                };
                originalName: string;
                displayName: string;
            } & {
                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./TopBar/TopBar").DropdownActionProps) => import("react").JSX.Element) & {
                    original: (props: import("./TopBar/TopBar").DropdownActionProps) => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                }>) => (props: unknown) => import("react").JSX.Element;
            } & {
                MenuItem: (props: import("./TopBar/MenuItem").MenuItemProps) => import("react").JSX.Element;
            };
        };
        Toolbar: (() => import("react").JSX.Element) & {
            Layout: () => import("react").JSX.Element;
            Element: ((props: import("./Toolbar/Toolbar").ElementProps) => import("react").JSX.Element) & {
                original: (props: import("./Toolbar/Toolbar").ElementProps) => import("react").JSX.Element;
                originalName: string;
                displayName: string;
            } & {
                original: ((props: import("./Toolbar/Toolbar").ElementProps) => import("react").JSX.Element) & {
                    original: (props: import("./Toolbar/Toolbar").ElementProps) => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                };
                originalName: string;
                displayName: string;
            } & {
                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./Toolbar/Toolbar").ElementProps) => import("react").JSX.Element) & {
                    original: (props: import("./Toolbar/Toolbar").ElementProps) => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                }>) => (props: unknown) => import("react").JSX.Element;
            } & {
                DrawerTrigger: ({ drawer, label, icon }: import("./Toolbar/Drawers/DrawerTrigger").DrawerTriggerProps) => import("react").JSX.Element;
                Drawer: ({ children, drawerClassName }: import("./Toolbar/Drawers/Drawer").DrawerProps) => import("react").JSX.Element;
                IconButton: ({ label, icon, onClick }: import("./Toolbar/Drawers/IconButton").IconButtonProps) => import("react").JSX.Element;
            };
            Elements: ((props: import("./Toolbar/Toolbar").ElementsProps) => import("react").JSX.Element) & {
                original: (props: import("./Toolbar/Toolbar").ElementsProps) => import("react").JSX.Element;
                originalName: string;
                displayName: string;
            } & {
                original: ((props: import("./Toolbar/Toolbar").ElementsProps) => import("react").JSX.Element) & {
                    original: (props: import("./Toolbar/Toolbar").ElementsProps) => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                };
                originalName: string;
                displayName: string;
            } & {
                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./Toolbar/Toolbar").ElementsProps) => import("react").JSX.Element) & {
                    original: (props: import("./Toolbar/Toolbar").ElementsProps) => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                }>) => (props: unknown) => import("react").JSX.Element;
            };
        };
        Sidebar: (() => import("react").JSX.Element) & {
            Layout: (({ className }: import("./Sidebar/Layout").LayoutProps) => import("react").JSX.Element) & {
                original: ({ className }: import("./Sidebar/Layout").LayoutProps) => import("react").JSX.Element;
                originalName: string;
                displayName: string;
            } & {
                original: (({ className }: import("./Sidebar/Layout").LayoutProps) => import("react").JSX.Element) & {
                    original: ({ className }: import("./Sidebar/Layout").LayoutProps) => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                };
                originalName: string;
                displayName: string;
            } & {
                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ className }: import("./Sidebar/Layout").LayoutProps) => import("react").JSX.Element) & {
                    original: ({ className }: import("./Sidebar/Layout").LayoutProps) => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                }>) => (props: unknown) => import("react").JSX.Element;
            };
            Element: ((props: import("./Sidebar/Sidebar").BaseElementProps) => import("react").JSX.Element) & {
                original: (props: import("./Sidebar/Sidebar").BaseElementProps) => import("react").JSX.Element;
                originalName: string;
                displayName: string;
            } & {
                original: ((props: import("./Sidebar/Sidebar").BaseElementProps) => import("react").JSX.Element) & {
                    original: (props: import("./Sidebar/Sidebar").BaseElementProps) => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                };
                originalName: string;
                displayName: string;
            } & {
                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./Sidebar/Sidebar").BaseElementProps) => import("react").JSX.Element) & {
                    original: (props: import("./Sidebar/Sidebar").BaseElementProps) => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                }>) => (props: unknown) => import("react").JSX.Element;
            };
            Elements: ((props: import("./Sidebar/Sidebar").ElementsProps) => import("react").JSX.Element) & {
                original: (props: import("./Sidebar/Sidebar").ElementsProps) => import("react").JSX.Element;
                originalName: string;
                displayName: string;
            } & {
                original: ((props: import("./Sidebar/Sidebar").ElementsProps) => import("react").JSX.Element) & {
                    original: (props: import("./Sidebar/Sidebar").ElementsProps) => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                };
                originalName: string;
                displayName: string;
            } & {
                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./Sidebar/Sidebar").ElementsProps) => import("react").JSX.Element) & {
                    original: (props: import("./Sidebar/Sidebar").ElementsProps) => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                }>) => (props: unknown) => import("react").JSX.Element;
            };
            Group: ((props: import("./Sidebar/Sidebar").GroupProps) => import("react").JSX.Element) & {
                original: (props: import("./Sidebar/Sidebar").GroupProps) => import("react").JSX.Element;
                originalName: string;
                displayName: string;
            } & {
                original: ((props: import("./Sidebar/Sidebar").GroupProps) => import("react").JSX.Element) & {
                    original: (props: import("./Sidebar/Sidebar").GroupProps) => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                };
                originalName: string;
                displayName: string;
            } & {
                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./Sidebar/Sidebar").GroupProps) => import("react").JSX.Element) & {
                    original: (props: import("./Sidebar/Sidebar").GroupProps) => import("react").JSX.Element;
                    originalName: string;
                    displayName: string;
                }>) => (props: unknown) => import("react").JSX.Element;
            } & {
                Tab: ({ label, disabled, element, visible }: import("./Sidebar/Tab").TabProps) => import("react").JSX.Element;
            };
            ScrollableContainer: import("@emotion/styled").StyledComponent<{
                theme?: import("@emotion/react").Theme | undefined;
                as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
            }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
            useActiveGroup: typeof import("./Sidebar/useActiveGroup").useActiveGroup;
        };
        OnActiveElement: ({ children }: import("./OnActiveElement").OnActiveElementProps) => import("react").JSX.Element | null;
        NoActiveElement: ({ children }: import("./NoActiveElement").NoActiveElementProps) => import("react").JSX.Element | null;
    };
    /**
     * Define a new element property.
     */
    ElementProperty: ((props: import("./ElementProperty").ElementPropertyProps) => import("react").JSX.Element) & {
        original: (props: import("./ElementProperty").ElementPropertyProps) => import("react").JSX.Element;
        originalName: string;
        displayName: string;
    } & {
        original: ((props: import("./ElementProperty").ElementPropertyProps) => import("react").JSX.Element) & {
            original: (props: import("./ElementProperty").ElementPropertyProps) => import("react").JSX.Element;
            originalName: string;
            displayName: string;
        };
        originalName: string;
        displayName: string;
    } & {
        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./ElementProperty").ElementPropertyProps) => import("react").JSX.Element) & {
            original: (props: import("./ElementProperty").ElementPropertyProps) => import("react").JSX.Element;
            originalName: string;
            displayName: string;
        }>) => (props: unknown) => import("react").JSX.Element;
    } & {
        STYLE: string;
        ELEMENT: string;
    };
    /**
     * Render element properties for the given group.
     */
    ElementProperties: (props: import("./ElementProperty").ElementPropertiesProps) => import("react").JSX.Element;
    /**
     * Define an element action.
     */
    ElementAction: ((props: import("./ElementAction").ElementActionProps) => import("react").JSX.Element) & {
        original: (props: import("./ElementAction").ElementActionProps) => import("react").JSX.Element;
        originalName: string;
        displayName: string;
    } & {
        original: ((props: import("./ElementAction").ElementActionProps) => import("react").JSX.Element) & {
            original: (props: import("./ElementAction").ElementActionProps) => import("react").JSX.Element;
            originalName: string;
            displayName: string;
        };
        originalName: string;
        displayName: string;
    } & {
        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./ElementAction").ElementActionProps) => import("react").JSX.Element) & {
            original: (props: import("./ElementAction").ElementActionProps) => import("react").JSX.Element;
            originalName: string;
            displayName: string;
        }>) => (props: unknown) => import("react").JSX.Element;
    } & {
        IconButton: ({ label, icon, disabled, onClick }: import("./IconButton").IconButtonProps) => import("react").JSX.Element;
    };
    /**
     * Render all element actions.
     */
    ElementActions: (() => import("react").JSX.Element) & {
        original: () => import("react").JSX.Element;
        originalName: string;
        displayName: string;
    } & {
        original: (() => import("react").JSX.Element) & {
            original: () => import("react").JSX.Element;
            originalName: string;
            displayName: string;
        };
        originalName: string;
        displayName: string;
    } & {
        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(() => import("react").JSX.Element) & {
            original: () => import("react").JSX.Element;
            originalName: string;
            displayName: string;
        }>) => (props: unknown) => import("react").JSX.Element;
    };
    /**
     * Access full editor config. WARNING: very low-level, we don't recommend using this directly!
     */
    useEditorConfig: typeof useEditorConfig;
};
export declare const EditorWithConfig: (({ onProperties, children }: import("@webiny/react-properties").WithConfigProps) => import("react").JSX.Element) & {
    displayName: string;
};
export declare function useEditorConfig(): {
    elements: ElementConfig[];
};