import React, { Component } from 'react'

import { useChuckNorris } from '@jsjoeio/react-use-chuck-norris'

const Example = () => {
  const { data, loading, error} = useChuckNorris()

  if (loading) return <p>Loading...</p>

  if (error) return <p>Oh no! There was an error: {error}</p>

if (data)
  // Data returns a Chuck Norris joke as a string
  // Each joke is random
  return (
    <p>{data}</p>
  )
}