///
export declare const LoadingBox: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType | undefined;
}, import("react").DetailedHTMLProps, HTMLDivElement>, {}>;
export declare const LoadingRect1: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType | undefined;
} & {
height: number;
} & import("react").ClassAttributes & import("react").HTMLAttributes & {
theme?: import("@emotion/react").Theme | undefined;
}, {}, {}>;
export declare const LoadingRect2: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType | undefined;
} & {
height: number;
} & import("react").ClassAttributes & import("react").HTMLAttributes & {
theme?: import("@emotion/react").Theme | undefined;
}, {}, {}>;
export declare const LoadingEllipsis: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType | undefined;
} & {
height: number;
}, import("react").DetailedHTMLProps, HTMLDivElement>, {}>;
export declare const RainbowLoaderBox: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType | undefined;
}, import("react").DetailedHTMLProps, HTMLDivElement>, {}>;
export declare const RainbowText: import("@emotion/styled").StyledComponent<{
as?: import("react").ElementType | undefined;
backgroundColorToken?: import("../..").ColorTokens | undefined;
className?: string | undefined;
colorToken: import("../..").ColorTokens | "rainbow";
'data-testid'?: string | undefined;
id?: string | undefined;
title?: string | undefined;
typographyToken: import("../..").TypographyTokens;
whiteSpace?: import("csstype").Property.WhiteSpace | undefined;
} & {
children?: import("react").ReactNode;
} & {
theme?: import("@emotion/react").Theme | undefined;
}, {}, {}>;