CoastalCommitsPastes/client/app/components/fade-in/index.tsx
2022-11-12 00:58:21 -08:00

30 lines
515 B
TypeScript

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