import { useEffect } from "react";
//#region src/hooks/useCssVariables.ts
const useCssVariables = (props) => {
	const { variables, ref } = props;
	useEffect(() => {
		if (!ref) return;
		Object.entries(variables).forEach(([key, value]) => {
			ref.current.style.setProperty(key, value);
		});
	}, [variables, ref]);
};
//#endregion
export { useCssVariables as default };
