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 | 34x 34x 34x 34x 34x 21x 17x 17x 17x 21x 4x 4x 4x 21x | import { useMemo } from "react" import { MotionProps } from "../../motion/types" import { copyRawValuesOnly } from "../html/use-props" import { ResolvedValues } from "../types" import { buildSVGAttrs } from "./utils/build-attrs" import { createSvgRenderState } from "./utils/create-render-state" export function useSVGProps(props: MotionProps, visualState: ResolvedValues) { const visualProps = useMemo(() => { const state = createSvgRenderState() buildSVGAttrs( state, visualState, { enableHardwareAcceleration: false }, props.transformTemplate ) return { ...state.attrs, style: { ...state.style }, } }, [visualState]) if (props.style) { const rawStyles = {} copyRawValuesOnly(rawStyles, props.style as any, props) visualProps.style = { ...rawStyles, ...visualProps.style } } return visualProps } |