import { useQuery } from '@apollo/react-hooks'

const Query = ({ children, query, id }) => {
  const { data, loading, error } = useQuery(query, {
    variables: { id }
  })

  if (loading) {
    return (
      <div className="uk-container">
        <p>loading...</p>
      </div>
    )
  }
  if (error) return <p>Error: {JSON.stringify(error)}</p>
  return children({ data })
}

export default Query