import { CSSProperties } from 'react';
import { AnimationConfigWithData, SVGRendererConfig } from 'lottie-web/build/player/lottie_light.js';
type LottieWebProps = Omit<AnimationConfigWithData, 'container' | 'renderer'> & SVGRendererConfig;
export type LottieProps = LottieWebProps & {
    /** Required for accessibility. Adds a `title` to the animated SVG. */
    accessibilityLabel: string;
    /** Add margin with spacing design tokens `(e.g., ccMargin="xl l m")` */
    ccMargin?: string;
    /** Add CSS classes to the container; or extend the container as a styled-component */
    className?: string;
    /** Simpler CSS-inspired API for lottie-web's `preserveAspectRatio`. You can still pass in `rendererSettings { preserveAspectRatio }` for more granular control. */
    objectFit?: 'contain' | 'cover' | 'fill';
    /** Set the width, height, etc. of the container, if needed */
    style?: Readonly<CSSProperties>;
    /** Applies a test id to the container */
    'data-testid'?: string;
};
/**
 * [Lottie](https://lottiefiles.com/) is our preferred solution for complex animations at CompanyCam:
 * - Lotties are small in size, high in quality, and responsive out of the box.
 * - Lottie `json` files can be shared between web and mobile.
 *
 * This component:
 * - Handles the mounting and clean-up boilerplate for [Lottie Web](https://github.com/airbnb/lottie-web/wiki/Usage) (used in Company-Cam-API).
 * - Uses the [Lottie Light](https://github.com/airbnb/lottie-web/wiki/Lottie-Light) version of the library (only supports SVG renderer).
 */
export declare function Lottie({ accessibilityLabel, ccMargin, className, objectFit, style, 'data-testid': dataTestId, ...props }: LottieProps): import("react/jsx-runtime").JSX.Element;
export default Lottie;