import { default as default_2 } from 'p5';
import { JSX } from 'react/jsx-runtime';
import * as React_2 from 'react';
import { ReactNode } from 'react';

export declare const CanvasContainerClassName = "canvas-container";

export declare const P5Canvas: React_2.MemoExoticComponent<React_2.LazyExoticComponent<(props: P5CanvasProps) => string | number | bigint | boolean | Iterable<React_2.ReactNode> | Promise<string | number | bigint | boolean | React_2.ReactPortal | React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>> | Iterable<React_2.ReactNode> | null | undefined> | JSX.Element | null>>;

export declare type P5CanvasInstance<Props extends SketchProps = SketchProps> = default_2 & {
    updateWithProps?: (props: Props) => void;
    [key: string]: unknown;
};

declare interface P5CanvasInternalProps<Props extends SketchProps = SketchProps> {
    sketch?: Sketch<Props>;
    updater?: Updater<Props>;
    fallback?: () => ReactNode;
    loading?: () => ReactNode;
    error?: (error: unknown) => ReactNode;
    children?: ReactNode;
}

export declare type P5CanvasProps<Props extends SketchProps = SketchProps> = P5CanvasInternalProps<Props> & Props;

export declare type Sketch<Props extends SketchProps = SketchProps> = (instance: P5CanvasInstance<Props>) => void;

export declare type SketchProps = Record<string, unknown>;

export declare type Updater<Props extends SketchProps = SketchProps> = (instance: P5CanvasInstance<Props>, props: Props) => void;

export { }