import { type RefObject } from 'react';
import type { EffectsProp } from '../effects/effect-types.js';
import type { CanvasImageCanvasProps } from './props.js';
export declare const canvasImageSchema: {
    readonly 'style.transformOrigin': {
        readonly type: "transform-origin";
        readonly step: 1;
        readonly default: "50% 50%";
        readonly description: "Transform origin";
    };
    readonly 'style.translate': {
        readonly type: "translate";
        readonly step: 1;
        readonly default: "0px 0px";
        readonly description: "Offset";
    };
    readonly 'style.scale': {
        readonly type: "scale";
        readonly max: 100;
        readonly step: 0.01;
        readonly default: 1;
        readonly description: "Scale";
    };
    readonly 'style.rotate': {
        readonly type: "rotation-css";
        readonly step: 1;
        readonly default: "0deg";
        readonly description: "Rotation";
    };
    readonly 'style.opacity': {
        readonly type: "number";
        readonly min: 0;
        readonly max: 1;
        readonly step: 0.01;
        readonly default: 1;
        readonly description: "Opacity";
        readonly hiddenFromList: false;
    };
    readonly durationInFrames: {
        readonly type: "number";
        readonly default: undefined;
        readonly min: 1;
        readonly step: 1;
        readonly hiddenFromList: true;
    };
    readonly from: {
        readonly type: "number";
        readonly default: 0;
        readonly step: 1;
        readonly hiddenFromList: true;
    };
    readonly trimBefore: {
        readonly type: "number";
        readonly default: 0;
        readonly min: 0;
        readonly step: 1;
        readonly hiddenFromList: true;
    };
    readonly freeze: {
        readonly type: "number";
        readonly default: null;
        readonly step: 1;
        readonly hiddenFromList: true;
    };
    readonly hidden: import("../interactivity-schema.js").BooleanFieldSchema;
    readonly name: import("../interactivity-schema.js").HiddenFieldSchema;
    readonly showInTimeline: import("../interactivity-schema.js").HiddenFieldSchema;
    readonly fit: {
        readonly type: "enum";
        readonly default: "fill";
        readonly description: "Fit";
        readonly variants: {
            readonly fill: {};
            readonly contain: {};
            readonly cover: {};
        };
    };
};
export declare const CanvasImage: import("react").ComponentType<import("../Interactive.js").InteractiveBaseProps & {
    readonly stack?: string | undefined;
} & CanvasImageCanvasProps & {
    readonly src: string;
    readonly width?: number | undefined;
    readonly height?: number | undefined;
    readonly fit?: import("../calculate-image-fit.js").ImageFit | undefined;
    readonly effects?: EffectsProp | undefined;
    readonly className?: string | undefined;
    readonly style?: import("react").CSSProperties | undefined;
    readonly id?: string | undefined;
    readonly onError?: ((error: Error) => void) | undefined;
    readonly pauseWhenLoading?: boolean | undefined;
    readonly maxRetries?: number | undefined;
    readonly delayRenderRetries?: number | undefined;
    readonly delayRenderTimeoutInMilliseconds?: number | undefined;
    readonly _remotionInternalDocumentationLink?: string | undefined;
    readonly outlineRef?: RefObject<HTMLElement | null> | null | undefined;
} & import("react").RefAttributes<HTMLCanvasElement>>;