import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { MATERIAL_CONFIG } from "./materialConfig.js";
import { icon } from "./styles.js";
/**
 * **Server Component**
 *
 * @remarks \@since 6.0.0
 */ export const MaterialIcon = /*#__PURE__*/ forwardRef(function MaterialIcon(props, ref) {
    const { "aria-hidden": ariaHidden = true, name, family = MATERIAL_CONFIG.iconFamily, theme, dense, className, ...remaining } = props;
    return /*#__PURE__*/ _jsx("span", {
        ref: ref,
        "aria-hidden": ariaHidden,
        ...remaining,
        className: icon({
            type: "material",
            family,
            theme,
            dense,
            className
        }),
        children: name
    });
});

//# sourceMappingURL=MaterialIcon.js.map