make it work

1 files changed, 17 insertions, 0 deletions

diff --git a/source/96/src/components/animations/FadeIn.js b/source/96/src/components/animations/FadeIn.js
new file mode 100644
index 0000000..21589ce
--- /dev/null
+++ b/source/96/src/components/animations/FadeIn.js
@@ -0,0 +1,17 @@
+"use client";
+
+import { motion } from "motion/react";
+
+export default ({ children, props }) => {
+  const { duration = 1, delay = 0 } = props || {};
+
+  return (
+    <motion.div
+      initial={{ opacity: 0 }}
+      animate={{ opacity: 1 }}
+      transition={{ duration, delay }}
+    >
+      {children}
+    </motion.div>
+  );
+};