// packages/components/src/toggle-group-control/toggle-group-control-option-icon/component.tsx
import { forwardRef } from "@wordpress/element";
import { ToggleGroupControlOptionBase } from "../toggle-group-control-option-base/index.js";
import Icon from "../../icon/index.js";
import { jsx as _jsx } from "react/jsx-runtime";
function UnforwardedToggleGroupControlOptionIcon(props, ref) {
  const {
    icon,
    label,
    ...restProps
  } = props;
  return /* @__PURE__ */ _jsx(ToggleGroupControlOptionBase, {
    ...restProps,
    isIcon: true,
    "aria-label": label,
    showTooltip: true,
    ref,
    children: /* @__PURE__ */ _jsx(Icon, {
      icon
    })
  });
}
var ToggleGroupControlOptionIcon = forwardRef(UnforwardedToggleGroupControlOptionIcon);
var component_default = ToggleGroupControlOptionIcon;
export {
  ToggleGroupControlOptionIcon,
  component_default as default
};
//# sourceMappingURL=component.js.map
