import React, { useEffect, useRef } from 'react';
//import highlightJs from 'highlight.js'; перестал работать, из за не попадания в polyfill core
import { BoxBlock } from "..";
import { TextBlockPre } from './styles';
import { FONT_VARIANTS } from "../../globalStyled";
const { body2Regular } = FONT_VARIANTS;
// highlightJs.configure({
//   languages: [
//     'xml',
//     'axapta',
//     'bash',
//     'bash',
//     'cs',
//     'sql',
//     'css',
//     'delphi',
//     'dockerfile',
//     'html',
//     'http',
//     'JSON',
//     'java',
//     'objectivec',
//     'php',
//     'perl',
//     'powershell',
//     'python',
//     'ruby',
//     'scala',
//     'swift',
//     'typescript',
//     'vbnet',
//   ],
// });
// Проверка на код или новую строчку
const checkIsCode = (content) => {
    /* символы, по которым идет поиск "< ", "/>",
    кроме в конце строки \r\n */
    const numStr = /<\s*(\w+)[^\/>]*>|[^\r\n]$[^"]|[{\s*(\w+)}[\s*(\w+)]]|\n/;
    return numStr.test(content.toString());
};
// Подсветка кода
const highlightCode = (nodeRef) => {
    var _a;
    if (nodeRef === null || nodeRef === void 0 ? void 0 : nodeRef.current) {
        const nodes = (_a = nodeRef === null || nodeRef === void 0 ? void 0 : nodeRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('pre');
        nodes.forEach((node) => {
            //highlightJs.highlightBlock(node);
        });
    }
};
export const HighlightCode = ({ content }) => {
    const nodeRef = useRef(null);
    useEffect(() => {
        if (nodeRef === null || nodeRef === void 0 ? void 0 : nodeRef.current) {
            //highlightCode(nodeRef);
        }
    }, []);
    return (React.createElement(BoxBlock, { ref: nodeRef },
        React.createElement(TextBlockPre, { forwardedAs: "pre", className: "code" }, content)));
};
