import { useRef as a, isValidElement as m, cloneElement as l } from "react";
import { mergeRefs as c } from "@chakra-ui/react";
import { $ as n } from "./useObjectRef-CaJ5pgjX.es.js";
import { $ as p } from "./mergeProps-B-cqsBhL.es.js";
import { $ } from "./useFocusable-C4Re42UX.es.js";
const b = function({
  ref: f,
  children: e,
  ...r
}) {
  const t = a(null), o = n(c(t, f)), { focusableProps: s } = $(r, o);
  return m(e) ? l(
    e,
    p(
      s,
      e.props,
      { ref: o }
    )
  ) : null;
};
b.displayName = "MakeElementFocusable";
export {
  b as M
};
//# sourceMappingURL=make-element-focusable-DPGCjzPa.es.js.map
