import { MotionValue } from 'framer-motion';
import { default as React, PropsWithChildren } from 'react';
import { ClassName, DeepPartial, WithClassName } from '../../types';
import { ContainerScrollTheme } from './theme';
export interface ContainerScrollProps extends PropsWithChildren, WithClassName {
    titleComponent?: string | React.ReactNode;
    top?: boolean;
    bottom?: boolean;
    rotation?: number;
    theme?: DeepPartial<ContainerScrollTheme>;
    perspective?: number;
    headerClassName?: ClassName;
    deviceWrapper?: boolean;
    deviceClassName?: ClassName;
    screenClassName?: ClassName;
}
/**
 * ContainerScroll component
 *
 * @description The ContainerScroll component is used to create a container that will rotate and scale the content based on the scroll position
 * @returns React.FC<ContainerScrollProps>
 */
export declare const ContainerScroll: ({ titleComponent, children, top, bottom, rotation, perspective, theme: customTheme, className, headerClassName, deviceWrapper, deviceClassName, screenClassName, }: ContainerScrollProps) => import("react/jsx-runtime").JSX.Element;
interface CardProps extends PropsWithChildren {
    rotate: MotionValue<number>;
    scale: MotionValue<number>;
    translate: MotionValue<number>;
    theme: ContainerScrollTheme;
    deviceWrapper: ContainerScrollProps["deviceWrapper"];
    deviceClassName?: ClassName;
    screenClassName?: ClassName;
}
export declare const Card: ({ rotate, scale, translate, children, theme, deviceWrapper, deviceClassName, screenClassName, }: CardProps) => import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=ContainerScroll.d.ts.map