Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | 7x 16x 16x 16x 16x 16x 16x 16x | import React, { forwardRef, useRef, useEffect } from "react";
import "../index.js";
import { useEventListener } from "./react-utils.js";
export const ThemeProvider = forwardRef((props, forwardedRef) => {
const ref = useRef(null);
const { mode, ...filteredProps } = props;
/** Event listeners - run once */
useEventListener(ref, "vg-change", props.onVgChange);
return React.createElement(
"vg-theme-provider",
{
ref: (node) => {
ref.current = node;
Iif (typeof forwardedRef === "function") {
forwardedRef(node);
} else Iif (forwardedRef) {
forwardedRef.current = node;
}
},
...filteredProps,
mode: props.mode,
class: props.className,
exportparts: props.exportparts,
for: props.htmlFor,
part: props.part,
tabindex: props.tabIndex,
style: { ...props.style },
},
props.children
);
});
|