import React from 'react';
import type { ImagePosition, ImageScaling } from '../../../ricos-schema/next-schema/index.js';
import type { LogBiFn } from '../../../_shared/bi-context-provider/bi-context-provider.js';
import type { PmLayoutNode } from '../../../_shared/pm-node-types.js';
type BackgroundImage = PmLayoutNode['attrs']['backgroundImage'];
type BackgroundColor = PmLayoutNode['attrs']['backgroundColor'];
type BackgroundSectionProps = {
    imageLoading?: boolean;
    image: BackgroundImage;
    imageScaling: ImageScaling;
    imagePosition: ImagePosition;
    imageBlur: number;
    color: BackgroundColor;
    gradient?: string;
    onChange: (args: {
        image?: BackgroundImage;
        color?: BackgroundColor;
        imageScaling?: ImageScaling;
        imagePosition?: ImagePosition;
        imageBlur?: number;
    }) => void;
    openColorPicker: () => void;
    colorPickerRef: React.RefObject<HTMLDivElement>;
    backgroundTypeToggleDataHook: string;
    colorDataHook: string;
    colorPickerDataHook: string;
    imageDataHook: string;
    imageScalingDataHook: string;
    imagePositionDataHook: string;
    imageBlurDataHook: string;
    onImageRequest: () => void;
    onImageRemove: () => void;
    logBi: LogBiFn;
};
export declare const BackgroundSection: React.FC<BackgroundSectionProps>;
export {};
//# sourceMappingURL=background-section.d.ts.map