From 0dec7575221e86f39439b249a5da6044c1a0a9b4 Mon Sep 17 00:00:00 2001
From: lonkaars <loek@pipeframe.xyz>
Date: Sat, 26 Jun 2021 10:51:06 +0200
Subject: new timeline.ts schema + editor (pretty much) done

---
 components/fadethrough.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 components/fadethrough.tsx

(limited to 'components')

diff --git a/components/fadethrough.tsx b/components/fadethrough.tsx
new file mode 100644
index 0000000..5f5d06c
--- /dev/null
+++ b/components/fadethrough.tsx
@@ -0,0 +1,18 @@
+import Fade from '@material-ui/core/Fade';
+import Grow from '@material-ui/core/Grow';
+import { ReactNode } from 'react';
+
+export default function FadeThroughTransition(props: {
+	from: ReactNode;
+	to: ReactNode;
+	show: boolean;
+}) {
+	return <div className='posabs a0 fadethrough'>
+		<Grow in={props.show} timeout={500}>
+			<div className='posabs a0 to'>{props.to}</div>
+		</Grow>
+		<Fade in={!props.show}>
+			<div className='posabs a0 from'>{props.from}</div>
+		</Fade>
+	</div>;
+}
-- 
cgit v1.2.3