import { useRenderElement as c } from "../../utils/useRenderElement.js";
import { useCompositeItem as u } from "./useCompositeItem.js";
import { EMPTY_OBJECT as d, EMPTY_ARRAY as t } from "../../../../../../../@base-ui_utils@0.2.4_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/esm/empty.js";
function M(e) {
  const {
    render: E,
    className: R,
    state: o = d,
    props: r = t,
    refs: s = t,
    metadata: m,
    stateAttributesMapping: p,
    tag: i = "div",
    ...a
  } = e, {
    compositeProps: n,
    compositeRef: f
  } = u({
    metadata: m
  });
  return c(i, e, {
    state: o,
    ref: [...s, f],
    props: [n, ...r, a],
    stateAttributesMapping: p
  });
}
export {
  M as CompositeItem
};
