import { CSSProperties, ReactNode } from "react";
import { MosaicImage } from "./MosaicGridProvider";
export interface MosaicConfig {
    columns: number;
    rows: number;
    mosaicImage: string;
    loadTileImage: (column: number, row: number) => string;
    imageInterval: number;
    imageSeed: string[];
    loop: boolean;
    overlayStyle: CSSProperties;
    blockingTileStyle: CSSProperties;
    createTileStyle: (x: number, y: number, width: number, height: number) => CSSProperties;
    createTileAnimations: (column: number, row: number, element: HTMLElement, gridRect: DOMRect, config: MosaicConfig) => any[];
    canvasStyle: CSSProperties;
    drawTileToCanvas: (canvas: any, image: MosaicImage, width: number, height: number, x: number, y: number) => void;
    nextTileTarget: (previousColumn: number, previousRow: number, config: MosaicConfig) => {
        column: number;
        row: number;
    };
}
interface MosaicProviderProps {
    children: ReactNode;
    config: MosaicConfig;
}
declare const MosaicConfigProvider: ({ children, config }: MosaicProviderProps) => JSX.Element;
declare const useMosaicConfig: () => MosaicConfig;
export { MosaicConfigProvider, useMosaicConfig };
//# sourceMappingURL=MosaicConfigProvider.d.ts.map