import type { CSSProperties, ReactNode } from 'react';
declare const FooterContainer: import("@emotion/styled").StyledComponent<{
    theme?: import("@emotion/react").Theme;
    as?: React.ElementType;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
interface InfoContainerProps {
    /** Whether to auto-hide the element based on threshold (default: `false`) */
    autoHide?: boolean;
    /** Hide threshold in pixel (default: `600`) */
    hideThreshold?: number;
    /** The  display property (default: `'inline-block'`) */
    display?: CSSProperties['display'];
}
interface InfoItemProps extends InfoContainerProps {
    children: ReactNode;
    className?: string;
}
declare function InfoItem(props: InfoItemProps): import("react/jsx-runtime").JSX.Element;
declare namespace InfoItem {
    var Label: import("@emotion/styled").StyledComponent<{
        theme?: import("@emotion/react").Theme;
        as?: React.ElementType;
    } & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
        theme?: import("@emotion/react").Theme;
    }, {}, {}>;
    var Value: import("@emotion/styled").StyledComponent<{
        theme?: import("@emotion/react").Theme;
        as?: React.ElementType;
    } & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
        theme?: import("@emotion/react").Theme;
    }, {}, {}>;
    var Unit: import("@emotion/styled").StyledComponent<{
        theme?: import("@emotion/react").Theme;
        as?: React.ElementType;
    } & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
        theme?: import("@emotion/react").Theme;
    }, {}, {}>;
}
export { FooterContainer, InfoItem };
//# sourceMappingURL=Footer.d.ts.map