File size: 553 Bytes
e2c597b 0cf5523 e2c597b 0cf5523 e2c597b 0cf5523 |
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 |
import {useGsapTimeline} from '../../lib/useGsapTimeline';
import {AbsoluteFill} from 'remotion';
import React, {useMemo} from 'react';
import gsap from 'gsap';
export default function GsapAnimation({
Timeline,
style,
className,
children,
plugins = [],
}) {
const memoizedPlugins = useMemo(() => {
return [...plugins];
}, [plugins]);
gsap.registerPlugin(memoizedPlugins);
const ContainerRef = useGsapTimeline(Timeline);
return (
<AbsoluteFill className={className} style={style} ref={ContainerRef}>
{children}
</AbsoluteFill>
);
}
|