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.translate': {
        readonly type: "translate";
        readonly step: 1;
        readonly default: "0px 0px";
        readonly description: "Offset";
    };
    readonly 'style.scale': {
        readonly type: "scale";
        readonly min: 0.05;
        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 fit: {
        readonly type: "enum";
        readonly default: "fill";
        readonly description: "Fit";
        readonly variants: {
            readonly fill: {};
            readonly contain: {};
            readonly cover: {};
        };
    };
    readonly hidden: import("../sequence-field-schema.js").SequenceFieldSchema;
};
export declare const CanvasImage: import("react").ComponentType<Pick<import("../Sequence.js").SequenceProps, "durationInFrames" | "from" | "hidden" | "name" | "showInTimeline"> & {
    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 _remotionInternalRefForOutline?: RefObject<HTMLElement | null> | null | undefined;
} & import("react").RefAttributes<HTMLCanvasElement>>;