Fix not being able to style RevealChildren

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<RevealProviderProps> = ({
-  children,
-  ...rest
-}) => {
+export const RevealChildren: React.FC<RevealProviderProps & {
+  style: CSSProperties;
+}> = ({ children, style, ...rest }) => {
   return (
     <RevealProvider {...rest}>
       {React.Children.map(children, (child: any, index: number) => (
-        <SequenceElement index={index} key={index}>
+        <SequenceElement index={index} key={index} style={style}>
           {child}
         </SequenceElement>
       ))}

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}