'use client';
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import React from 'react';
import { useTranslation } from '../../../../../providers/Translation/index.js';
import './index.scss';
import { stringifyTruncated } from '../../../../../utilities/stringifyTruncated.js';
export const JSONCell = ({ cellData })=>{
    const { t } = useTranslation();
    try {
        const cellDataString = stringifyTruncated(cellData, 100);
        return /*#__PURE__*/ _jsxDEV("code", {
            className: "json-cell",
            children: /*#__PURE__*/ _jsxDEV("span", {
                children: cellDataString
            }, void 0, false, {
                fileName: "src/elements/Table/DefaultCell/fields/JSON/index.tsx",
                lineNumber: 16,
                columnNumber: 9
            }, this)
        }, void 0, false, {
            fileName: "src/elements/Table/DefaultCell/fields/JSON/index.tsx",
            lineNumber: 15,
            columnNumber: 7
        }, this);
    } catch (_ignore) {
        return /*#__PURE__*/ _jsxDEV("code", {
            className: "json-cell",
            children: /*#__PURE__*/ _jsxDEV("span", {
                children: t('general:error')
            }, void 0, false, {
                fileName: "src/elements/Table/DefaultCell/fields/JSON/index.tsx",
                lineNumber: 22,
                columnNumber: 9
            }, this)
        }, void 0, false, {
            fileName: "src/elements/Table/DefaultCell/fields/JSON/index.tsx",
            lineNumber: 21,
            columnNumber: 7
        }, this);
    }
};

//# sourceMappingURL=index.js.map