Simple Json Formatter in ReactJs with Tailwind CSS

DebugJson.js

/* 
* USAGE: <DebugJson data={{"hello": "hello world!"}} />
*/


import React from 'react';

const DebugJson = ({data}) => {
    return (
        <pre className={"mt-2 p-2 overflow-x-auto whitespace-pre-wrap break-words"}>
            <code className={"text-blue-600 text-xl"}>
                    {JSON.stringify(data, undefined, 2)}
            </code>
        </pre>
    );
};

export default DebugJson;