"use client";
import { buildSVGAttrs } from "./index275.js";
import { isSVGTag } from "./index277.js";
import { copyRawValuesOnly } from "./index320.js";
import { createSvgRenderState } from "./index321.js";
import { useMemo } from "react";
//#region node_modules/framer-motion/dist/es/render/svg/use-props.mjs
function useSVGProps(props, visualState, _isStatic, Component) {
	const visualProps = useMemo(() => {
		const state = createSvgRenderState();
		buildSVGAttrs(state, visualState, isSVGTag(Component), props.transformTemplate, props.style);
		return {
			...state.attrs,
			style: { ...state.style }
		};
	}, [visualState]);
	if (props.style) {
		const rawStyles = {};
		copyRawValuesOnly(rawStyles, props.style, props);
		visualProps.style = {
			...rawStyles,
			...visualProps.style
		};
	}
	return visualProps;
}
//#endregion
export { useSVGProps };

//# sourceMappingURL=index322.js.map