From 83aa91c6ce756f210b66e186cbf132f2b7a54e48 Mon Sep 17 00:00:00 2001
From: Fran Zekan <zekan.fran369@gmail.com>
Date: Mon, 15 Aug 2022 11:33:48 +0200
Subject: [PATCH] Fix not being able to style RevealChildren

---
 src/RevealChildren.tsx  | 11 +++++------
 src/SequenceElement.tsx | 14 +++++++-------
 2 files changed, 12 insertions(+), 13 deletions(-)

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<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>
       ))}
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}