/// 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; }, {}, {}>;