/// export declare const StyledIconContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute, HTMLDivElement>, { activeBackgroundColor?: "overlay" | "background" | "gold" | "silver" | "white" | "text" | "disabled" | "success" | "warning" | "secondary" | "secondary80" | "backgroundDisabled" | "backgroundAlt" | "backgroundAlt2" | "cardBorder" | "contrast" | "dropdown" | "dropdownDeep" | "invertedContrast" | "input" | "inputSecondary" | "tertiary" | "text99" | "textDisabled" | "textSubtle" | "gradientCloudyday" | "gradientInverseCloudyday" | "gradientCardHeader" | "gradientBlue" | "gradientViolet" | "gradientVioletAlt" | "gradientGold" | "gradientsymplexia" | "binance" | "bronze" | "failure" | "failure33" | "primary" | "primary0f" | "primary3D" | "primaryBright" | "primaryDark" | "success19" | "warning2D" | "warning33" | undefined; }>>; export declare const StyledAnimatedIconComponent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute, HTMLDivElement>, "ref"> & { ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject | null | undefined; }, { isActive: boolean; height?: string | undefined; width?: string | undefined; hasFillIcon: boolean; }>>;