import { FunctionComponent, PropsWithChildren } from 'react';
import { TileFilter } from '../components/Catalog';
import { DefinedComponent } from '../models';
import './catalog-modal.provider.scss';
interface CatalogModalContextValue {
    setIsModalOpen: (isOpen: boolean) => void;
    getNewComponent: (catalogFilter?: TileFilter) => Promise<DefinedComponent | undefined>;
}
export declare const CatalogModalContext: import("react").Context<CatalogModalContextValue | undefined>;
/**
 * This provider is used to interact with the catalog modal from anywhere in the application.
 * It is used in the Canvas component to open the catalog modal when the user clicks on the catalog button.
 *
 * In order to use this provider, you need to supply the Tiles using the CatalogTiles provider and
 * wrap your application with both providers:
 *
 * ```
 * <CatalogTilesProvider tiles={tiles}>  // In most cases, this will at the root of your application
 *   <CatalogModalProvider>              // This provider can be used anywhere in your application
 *     <App />
 *   </CatalogModalProvider>
 * </CatalogTilesProvider>
 * ```
 */
export declare const CatalogModalProvider: FunctionComponent<PropsWithChildren>;
export {};