import { jsxs, jsx } from "react/jsx-runtime";
import { components } from "react-select";
import { Badge } from "../Badge/index.js";
const CustomGroupHeading = (props) => {
  return /* @__PURE__ */ jsxs("div", { className: "ia-select-group-heading-container", children: [
    /* @__PURE__ */ jsx(components.GroupHeading, { ...props }),
    props.customBadgeLabel && /* @__PURE__ */ jsx(
      Badge,
      {
        color: props.customBadgeColor,
        label: props.customBadgeLabel,
        size: "small",
        variant: "subtle"
      }
    )
  ] });
};
export {
  CustomGroupHeading
};
