import type { PreviewSize, VideoConfig } from 'remotion';
import type { Size } from './utils/use-element-size.js';
type Layout = {
    centerX: number;
    centerY: number;
    xCorrection: number;
    yCorrection: number;
    scale: number;
};
export declare const calculateCanvasTransformation: ({ previewSize, compositionWidth, compositionHeight, canvasSize, }: {
    previewSize: PreviewSize['size'];
    compositionWidth: number;
    compositionHeight: number;
    canvasSize: Size;
}) => Layout;
export declare const calculateOuterStyle: ({ config, style, canvasSize, }: {
    config: VideoConfig | null;
    style: React.CSSProperties | undefined;
    canvasSize: Size | null;
}) => React.CSSProperties;
export declare const calculateContainerStyle: ({ config, canvasSize, layout, scale, }: {
    config: VideoConfig | null;
    canvasSize: Size | null;
    layout: Layout | null;
    scale: number;
}) => React.CSSProperties;
export declare const calculateOuter: ({ layout, scale, config, }: {
    layout: Layout | null;
    scale: number;
    config: VideoConfig | null;
}) => {
    readonly width?: undefined;
    readonly height?: undefined;
    readonly display?: undefined;
    readonly flexDirection?: undefined;
    readonly position?: undefined;
    readonly left?: undefined;
    readonly top?: undefined;
    readonly overflow?: undefined;
} | {
    readonly width: number;
    readonly height: number;
    readonly display: "flex";
    readonly flexDirection: "column";
    readonly position: "absolute";
    readonly left: number;
    readonly top: number;
    readonly overflow: "hidden";
};
export {};