diff --git a/src/RevealChildren.tsx b/src/RevealChildren.tsx index 3bcb79e..4258507 100644 --- a/src/RevealChildren.tsx +++ b/src/RevealChildren.tsx @@ -1,15 +1,14 @@ -import React from 'react'; +import React, { CSSProperties } from 'react'; import SequenceElement from './SequenceElement'; import { RevealProvider, RevealProviderProps } from './RevealProvider'; -export const RevealChildren: React.FC = ({ - children, - ...rest -}) => { +export const RevealChildren: React.FC = ({ children, style, ...rest }) => { return ( {React.Children.map(children, (child: any, index: number) => ( - + {child} ))} diff --git a/src/SequenceElement.tsx b/src/SequenceElement.tsx index 63a85b2..c6905a5 100644 --- a/src/SequenceElement.tsx +++ b/src/SequenceElement.tsx @@ -1,14 +1,13 @@ -import React, { useContext } from 'react'; +import React, { CSSProperties, useContext } from 'react'; import { RevealProviderProps } from 'RevealProvider'; import { Reveal } from './Reveal'; import { RevealContext } from './reveal-context'; -export const SequenceElement: React.FC< - { - children: any; - index: number; - } & RevealProviderProps -> = ({ index, children, ...rest }) => { +export const SequenceElement: React.FC<{ + children: any; + index: number; + style: CSSProperties; +} & RevealProviderProps> = ({ index, children, style, ...rest }) => { const revealContext = useContext(RevealContext); const config = { @@ -51,6 +50,7 @@ export const SequenceElement: React.FC< } }} delay={shouldDisableDelay ? 0 : finalDelay} + style={style} key={index} > {children}