@crossed/primitive
Version:
A universal & performant styling library for React Native, Next.js & React
13 lines (12 loc) • 797 B
JavaScript
import { jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { ProviderGroup } from "./contextGroup";
import { RovingFocusGroup } from "../utils/RovingFocus";
import { ButtonGroupCollection } from "./contextCollection";
const createButtonGroup = (StyledGroup) => forwardRef((props, ref) => {
return /* @__PURE__ */ jsx(ProviderGroup, { grouped: true, orientation: props.orientation ?? "horizontal", children: /* @__PURE__ */ jsx(RovingFocusGroup, { orientation: props.orientation ?? "horizontal", children: /* @__PURE__ */ jsx(ButtonGroupCollection.Provider, { children: /* @__PURE__ */ jsx(ButtonGroupCollection.Slot, { children: /* @__PURE__ */ jsx(StyledGroup, { ...props, ref }) }) }) }) });
});
export {
createButtonGroup
};
//# sourceMappingURL=ButtonGroup.js.map