// 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