import * as React from "react";
import type { MergeElementProps } from "../typings";
interface IconBaseProps {
    /**
     * The content of the component.
     */
    children?: React.ReactNode;
    /**
     * Append to the classNames applied to the component so you can override or
     * extend the styles.
     */
    className?: string;
    /**
     * The viewBox of the SVG.
     *
     * Allows you to redefine what the coordinates without units mean inside an SVG element.
     * @default "0 0 24 24"
     */
    viewBox?: string;
    /**
     * Provides a human-readable title for the element that contains it.
     * https://www.w3.org/TR/SVG-access/#Equivalent
     */
    title?: string;
    /**
     * The color of the icon.
     * @default "inherit"
     */
    color?: "inherit" | "textPrimary" | "textSecondary" | "textHint" | "textDisabled" | "primary" | "secondary" | "error" | "success" | "warning" | "info";
    /**
     * The size of the icon.
     * If set to `"auto"`, the icon will get the parent's width and height.
     * @default "auto"
     */
    size?: number | "auto";
}
export declare type IconProps = MergeElementProps<"svg", IconBaseProps>;
declare type Component = {
    (props: IconProps): React.ReactElement | null;
    propTypes?: React.WeakValidationMap<IconProps> | undefined;
    displayName?: string | undefined;
};
declare const Icon: Component;
export default Icon;