import { ReactNode } from 'react';
import type { MaterialSymbol } from '@material-symbols/font-400';
import type { MdiReactIconComponentType } from '@pingux/mdi-react';
import { TestingAttributes } from './shared/test';
import { DOMAttributes, IconSize, StyleProps } from './shared';
export type SVGComponentProps = {
    title?: string;
};
export type IconTypeExtended = ReactNode & {
    type: {
        name: string;
    };
} | React.ElementType | MaterialSymbol | string | MdiReactIconComponentType;
export interface IconProps extends StyleProps, DOMAttributes, TestingAttributes {
    /**
   * The title associated with the icon. It is recommended that icons always have an associated
   * title in order to allow a better user experience for those using screen readers.
   * The **`id`** in the title object will be the id of the title and
   * is also what will be supplied to the **`aria-labelledby`** attribute in the SVG.
   * The **`name`** in the title object will be the content of the title.
   * This prop can only be used when importing the icon from [@pingux/mdi-react](https://www.npmjs.com/package/@pingux/mdi-react).
   * */
    title?: {
        id?: string;
        name: string;
    };
    /** The icon to render. */
    icon?: IconTypeExtended | MaterialSymbol | string | MdiReactIconComponentType;
    size?: IconSize;
    /** A theme-aware prop to set the icon's color. */
    color?: string;
    hasFill?: boolean;
}