import { type AriaAttributes, type HTMLAttributes } from "react";
import { type MaterialIconFamily, type MaterialIconName } from "./material.js";
import { type MaterialIconClassNameOptions } from "./styles.js";
/** @since 6.0.0 */
export interface MaterialIconProps extends HTMLAttributes<HTMLSpanElement>, Partial<MaterialIconClassNameOptions> {
    /**
     * The icon name to use
     */
    name: MaterialIconName;
    /** @defaultValue `true` */
    "aria-hidden"?: AriaAttributes["aria-hidden"];
    /** @defaultValue `MATERIAL_CONFIG.iconFamily` */
    family?: MaterialIconFamily;
    children?: never;
}
/**
 * **Server Component**
 *
 * The `MaterialIcon` component is used for rendering a material icon using the
 * Google Fonts stylesheet (handled separately). This is mostly a convenience
 * wrapper around the `FontIcon` that will catch typos for the supported icon
 * names.
 *
 * @example Simple Example
 * ```tsx
 * <MaterialIcon name="3k" />
 * <MaterialIcon name="favorite" theme="primary" />
 * <MaterialIcon name="wifi" family="two-tone" dense theme="warning" />
 * ```
 *
 * @since 6.0.0
 */
export declare const MaterialIcon: import("react").ForwardRefExoticComponent<MaterialIconProps & import("react").RefAttributes<HTMLSpanElement>>;
