import * as react_jsx_runtime from 'react/jsx-runtime';
import { HTMLAttributes } from 'react';
import { MeshGradientOptions, MeshGradientInitOptions, MeshGradientUpdateOptions, MeshGradient as MeshGradient$1 } from '@mesh-gradient/core';

interface MeshGradientProps extends HTMLAttributes<HTMLCanvasElement> {
    options?: MeshGradientOptions & MeshGradientInitOptions & MeshGradientUpdateOptions;
    /**
     * Pause the gradient.
     */
    isPaused?: boolean;
    /**
     * Callback when the gradient is initialized.
     */
    onInit?: (instance: MeshGradient$1) => void;
    /**
     * Callback when the gradient is updated.
     */
    onUpdate?: (instance: MeshGradient$1) => void;
}
/**
 * MeshGradient component that connects the core MeshGradient class with React.
 *
 * @param props - The component props.
 * @returns The MeshGradient component.
 */
declare const MeshGradient: (props: MeshGradientProps) => react_jsx_runtime.JSX.Element;

/**
 * Hook to create and manage a MeshGradient instance. Automatically cleans up the instance when the component unmounts.
 *
 * @returns The MeshGradient instance.
 */
declare const useMeshGradient: () => {
    instance: MeshGradient$1 | null;
};

export { MeshGradient, type MeshGradientProps, useMeshGradient };