import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import React from 'react';
import { HtmlDiff } from './diff/index.js';
import './index.scss';
const baseClass = 'html-diff';
export const getHTMLDiffComponents = ({ fromHTML, toHTML, tokenizeByCharacter })=>{
    const diffHTML = new HtmlDiff(fromHTML, toHTML, {
        tokenizeByCharacter
    });
    const [oldHTML, newHTML] = diffHTML.getSideBySideContents();
    const From = oldHTML ? /*#__PURE__*/ _jsxDEV("div", {
        className: `${baseClass}__diff-old html-diff`,
        dangerouslySetInnerHTML: {
            __html: oldHTML
        }
    }, void 0, false, {
        fileName: "src/elements/HTMLDiff/index.tsx",
        lineNumber: 27,
        columnNumber: 5
    }, this) : null;
    const To = newHTML ? /*#__PURE__*/ _jsxDEV("div", {
        className: `${baseClass}__diff-new html-diff`,
        dangerouslySetInnerHTML: {
            __html: newHTML
        }
    }, void 0, false, {
        fileName: "src/elements/HTMLDiff/index.tsx",
        lineNumber: 34,
        columnNumber: 5
    }, this) : null;
    return {
        From,
        To
    };
};

//# sourceMappingURL=index.js.map