import React from 'react'

const noop = () => {}

function useScript({ onCreate = noop, onError = noop, onLoad = noop, url }) {
  const [isReady, setIsReady] = React.useState(false)

  React.useEffect(() => {
    const script = document.createElement('script')
    onCreate()

    script.src = url
    script.async = true
    script.onerror = () => {
      onError()
    }
    script.onload = () => {
      setIsReady(true)
      onLoad()
    }

    document.body.appendChild(script)

    return () => {
      document.body.removeChild(script)
    }
  }, [onCreate, onError, onLoad, url])

  return isReady
}