import React from 'react'

export default ({placeholder}) => (
  <React.Fragment>
    <h2>JSON:</h2>
    {placeholder.data && (
      <pre>
        <code>{JSON.stringify(placeholder.data, null, 2)}</code>
      </pre>
    )}
    {placeholder.error && (
      <p style={{ color: 'red' }}>Error: {placeholder.error.message}</p>
    )}
    <style jsx>{`
      aside {
        font-size: 14px;
      }
    `}</style>
  </React.Fragment>
)