import { jsx as o } from "@emotion/react/jsx-runtime";
import p from "clsx";
import { MENU_DIVIDER_KEY_COMPONENT as r } from "./constants.js";
import { MenuDividerRootStyled as u, DividerStyled as v } from "./slots/MenuDividerSlots.js";
import { MenuDividerSlots as D } from "./slots/MenuDividerEnum.js";
import { getComponentSlotRoot as S } from "../../../../utils/getComponentSlotRoot.js";
import { getPropDataTestId as c } from "../../../../test/getNameDataTestId.js";
import { useComponentSize as f } from "@m4l/graphics";
const y = (i) => {
  const {
    className: n,
    dataTestId: m,
    variant: d = "dash",
    orientation: e = "horizontal",
    size: a = "medium",
    ...s
  } = i, { currentSize: l } = f(a), t = {
    MenuDividerVariant: d,
    MenuDividerOrientation: e,
    MenuDividerSize: l
  };
  return /* @__PURE__ */ o(
    u,
    {
      orientation: e,
      className: p(S(r), n),
      ...c(r, D.root, m),
      ...s,
      ownerState: { ...t },
      role: "menu-divider",
      children: /* @__PURE__ */ o(
        v,
        {
          ownerState: { ...t },
          orientation: e,
          flexItem: !0,
          role: "divider-styled"
        }
      )
    }
  );
};
export {
  y as MenuDivider
};
