import { ComponentProps, FunctionComponent, JSX, ReactElement } from "react";
/**
 * A container that smoothly animates size changes when content updates.
 *
 * This component wraps your content and makes transitions between different
 * content sizes look polished by animating the width, height, or both dimensions.
 * It's like giving your UI a gentle, professional feel when content changes.
 **/
export default function AdaptiveContainer<E extends keyof JSX.IntrinsicElements | FunctionComponent>({ children, className, containerElement: _Wrapper, direction, strict, ...otherProps }: {
    containerElement?: E;
    children: ReactElement;
    /**
     * The direction in which the content will be resized
     *
     *     "h" // When the content will change in width
     *     "v" // When the content will change in height
     */
    direction?: "h" | "v" | "both";
    className?: string;
    contentClassName?: string;
    /**
     * true: It will animate restricting to the height when it was rendered
     * false: It will animate trying to reach the height when it was rendered, growing in size if the content inside it changes */
    strict?: boolean;
} & ComponentProps<E>): import("react/jsx-runtime").JSX.Element;
