// https://www.joshwcomeau.com/snippets/react-components/fade-in/ import styles from "./fade.module.css" const FadeIn = ({ duration = 300, delay = 0, children, ...delegated }: { duration?: number delay?: number children: React.ReactNode [key: string]: any }) => { return ( <div {...delegated} className={styles.fadeIn} style={{ ...(delegated.style || {}), animationDuration: duration + "ms", animationDelay: delay + "ms" }} > {children} </div> ) } export default FadeIn