import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { combineIconClasses } from "../../utils.js";
/**
 * @internal
 */
export function HeatMap({ className, width, height, color, ariaHidden }) {
    return (_jsx("svg", { width: width, height: height, className: combineIconClasses(className), viewBox: "11 11 26 26", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": ariaHidden, children: _jsxs("g", { fill: color ?? "#B0BECA", fillRule: "evenodd", children: [
                _jsx("path", { fillOpacity: ".6", d: "M29 11h8v3h-8z" }), _jsx("path", { d: "M20 11h8v3h-8z" }), _jsx("path", { fillOpacity: ".6", d: "M11 11h8v3h-8z" }), _jsx("path", { fillOpacity: ".4", d: "M20 15h8v3h-8z" }), _jsx("path", { d: "M29 15h8v3h-8z" }), _jsx("path", { fillOpacity: ".6", d: "M11 15h8v3h-8z" }), _jsx("path", { d: "M20 19h8v3h-8zm9 0h8v3h-8z" }), _jsx("path", { fillOpacity: ".4", d: "M11 19h8v3h-8z" }), _jsx("path", { d: "M20 23h8v3h-8z" }), _jsx("path", { fillOpacity: ".4", d: "M29 23h8v3h-8zm-18 0h8v3h-8z" }), _jsx("path", { d: "M20 27h8v3h-8zm9 0h8v3h-8z" }), _jsx("path", { fillOpacity: ".4", d: "M11 27h8v3h-8zm9 4h8v3h-8z" }), _jsx("path", { d: "M20 35h8v2h-8z" }), _jsx("path", { fillOpacity: ".4", d: "M29 31h8v3h-8zm0 4h8v2h-8z" }), _jsx("path", { fillOpacity: ".6", d: "M11 31h8v3h-8zm0 4h8v2h-8z" })
            ] }) }));
}
