import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { icon } from "./styles.js";
/**
 * 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 const FontIcon = /*#__PURE__*/ forwardRef(function FontIcon(props, ref) {
    const { "aria-hidden": ariaHidden = true, iconClassName = "material-icons", dense = false, theme, className, children, ...remaining } = props;
    return /*#__PURE__*/ _jsx("span", {
        ...remaining,
        "aria-hidden": ariaHidden,
        ref: ref,
        className: icon({
            type: "font",
            dense,
            theme,
            className,
            iconClassName
        }),
        children: children
    });
});

//# sourceMappingURL=FontIcon.js.map