const { useState, useEffect } = require('react')

const DelayRender = ({ delay, children }) => {
  const [showComponent, setShowComponent] = useState(false)

  useEffect(() => {
    const timeout = setTimeout(() => {
      setShowComponent(true)
    }, delay)

    return () => clearTimeout(timeout)
  }, [delay])

  return showComponent && children
}

export default DelayRender