import { type AriaAttributes, type HTMLAttributes, type ReactElement, type ReactNode, type Ref } from "react";
import { type FontIconClassNameOptions } from "./styles.js";
/**
 * @since 6.0.0 Removed the `forceSize`/`forceFontSize` props and added the
 * `inline` and `theme` props.
 */
export interface FontIconProps extends HTMLAttributes<HTMLSpanElement>, FontIconClassNameOptions {
    ref?: Ref<HTMLElement>;
    /** @defaultValue `true` */
    "aria-hidden"?: AriaAttributes["aria-hidden"];
    /**
     * Any children to render to create the font icon. This is required for
     * material-icons. For example:
     *
     * ```tsx
     * <FontIcon>clear</FontIcon>
     * ```
     */
    children?: ReactNode;
}
/**
 * The `FontIcon` component is used for rendering a font-icon library's icon.
 * The default is to use the `material-icons` library, but others can be used as
 * well.
 *
 * @see {@link https://react-md.dev/components/icon | Icon Demos}
 * @since 6.0.0 Switched from `<i>` to `<span>` element and removed
 * the `forceSize`/`forceFontSize` props.
 */
export declare function FontIcon(props: FontIconProps): ReactElement;