import { UseInViewOptions } from 'framer-motion';
import React from 'react';
import { ColorPickerOptions } from '../components/sub-templates/tina-form-elements/color-selector';
export type BackgroundData = {
    background?: {
        backgroundColor?: number;
        backgroundImage?: string;
        bleed?: boolean;
    };
};
declare const ComponentWrapper: ({ data, children, fadeInMargin, className, backgroundOptions, }: {
    data: BackgroundData;
    children: React.ReactNode;
    fadeInMargin?: UseInViewOptions["margin"];
    className?: string;
    backgroundOptions: ColorPickerOptions;
}) => import("react/jsx-runtime").JSX.Element;
export default ComponentWrapper;