import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { combineIconClasses } from "../../utils.js";
/**
 * @internal
 */
export function Bubble({ 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", { d: "M11 11h2v26h-2zm2 24h24v2H13z", fillOpacity: ".45" }), _jsx("circle", { cx: "23", cy: "16.5", r: "4.5" }), _jsx("circle", { cx: "34", cy: "24", r: "3" }), _jsx("circle", { cx: "19", cy: "30", r: "2" })
            ] }) }));
}
