@crossed/primitive
Version:
A universal & performant styling library for React Native, Next.js & React
24 lines (23 loc) • 725 B
JavaScript
import { jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { useContext } from "./context";
import { RovingFocus } from "../utils/RovingFocus";
import { VisibilityHidden } from "../utils/VisibilityHidden";
const createDropdownContent = (StyledRoot) => forwardRef((props, ref) => {
const { id, open } = useContext();
return /* @__PURE__ */ jsx(RovingFocus, { children: /* @__PURE__ */ jsx(VisibilityHidden, { hidden: !open, children: /* @__PURE__ */ jsx(
StyledRoot,
{
role: "menu",
...props,
ref,
id,
"aria-labelledby": `label-${id}`,
autoFocus: true
}
) }) });
});
export {
createDropdownContent
};
//# sourceMappingURL=DropdownContent.js.map