import { HTMLAttributes, SVGProps } from 'react';
import { TColor, TSize } from '@/types';
export interface IconProps extends HTMLAttributes<HTMLSpanElement> {
    size?: TSize;
    color?: TColor;
    hover?: boolean;
    hoverBg?: boolean;
}
export declare const StyledIcon: import("@pigment-css/react").StyledComponent<import("@pigment-css/react/build/theme-Dhf_HLGk").S<Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
}, IconProps>> & object;
export declare function MaterialSymbolsCheckCircleRounded(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
export declare function MaterialSymbolsCancel(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
export declare function MaterialSymbolsInfoRounded(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
export declare const IconWrap: React.FC<IconProps>;
export declare function MaterialSymbolsCloseRounded(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
export declare function LineMdLoadingTwotoneLoop(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
export declare function MaterialSymbolsKeyboardArrowUpRounded(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
export declare function MaterialSymbolsKeyboardArrowDownRounded(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;