@razorpay/blade
Version:
The Design System that powers Razorpay
8 lines (5 loc) • 762 B
JavaScript
import { useRef, useEffect } from 'react';
import { FluidGradientMount } from './FluidGradientMount.js';
function useFluidGradient(_ref){var size=_ref.size,_ref$origin=_ref.origin,origin=_ref$origin===void 0?[0.5,0.5]:_ref$origin;var containerRef=useRef(null);var mountRef=useRef(null);useEffect(function(){var _mountRef$current;(_mountRef$current=mountRef.current)==null?void 0:_mountRef$current.setOrigin(origin);},[origin[0],origin[1]]);useEffect(function(){var container=containerRef.current;if(!container)return;var mount=new FluidGradientMount(container,size,origin);mountRef.current=mount;return function(){mount.dispose();mountRef.current=null;};},[size]);return containerRef;}
export { useFluidGradient };
//# sourceMappingURL=useFluidGradient.js.map