import React from 'react'
import { JsonView, allExpanded, defaultStyles } from 'react-json-view-lite';
import 'react-json-view-lite/dist/index.css';
import './json-viewer.scss'

// https://www.npmjs.com/package/react-json-view-lite
const JsonViewer = (props: IJsonViewerProps) => {
  return (
    <div className="json-viewer">
        <JsonView data={props.jsonData} shouldExpandNode={allExpanded} style={defaultStyles} />
    </div>
  )
}

export default JsonViewer;
export interface IJsonViewerProps {
    jsonData: Object
}