import { useFocusRing as $ } from "../../../../../../@react-aria/focus/dist/module.es.js";
import { useOption as v } from "../../../../../../@react-aria/listbox/dist/module.es.js";
import { mergeProps as w } from "../../../../../../@react-aria/utils/dist/module.es.js";
import { FOCUS_STYLE_INSET as x } from "../../../utilities/focusStyle.es.es.js";
import { merge as I } from "../../../utilities/merge.es.es.js";
import o, { useRef as S } from "react";
import { MenuItem as g } from "../../MenuItem/MenuItem.es.es.js";
const P = ({ state: r, menuItem: s, node: i }) => {
  const e = S(null), { optionProps: n, isSelected: a } = v(
    {
      key: i.key,
      shouldFocusOnHover: !1
    },
    r,
    e
  ), { title: l, decorator: m, subtitle: c, size: f, style: p, disabled: t, selectionIndicator: u } = s, { isFocusVisible: d, focusProps: b } = $();
  return /* @__PURE__ */ o.createElement("li", {
    ...w(n, b),
    "data-test-id": "menu-item",
    className: I([
      "tw-relative hover:tw-bg-box-neutral-hover tw-list-none tw-outline-none",
      t && "tw-pointer-events-none tw-top-px",
      d && x
    ]),
    ref: e
  }, /* @__PURE__ */ o.createElement(g, {
    title: l,
    decorator: m,
    subtitle: c,
    size: f,
    style: p,
    disabled: t,
    active: a,
    selectionIndicator: u
  }));
};
export {
  P as SelectMenuItem
};
//# sourceMappingURL=SelectMenuItem.es.es.js.map
