https://good.tools/assets/DiffChecker-Dy6qS0TG.js

1import { j as e, $ as t } from "./vendor-ui-C0LiauS1.js";
2import { r as o, F as h, w as x } from "./monaco-editor-BF9nRgPT.js";
3import { T as a } from "./TabButton-CUkiXAT_.js";
4import { u as m } from "./index-DMOz9YMk.js";
5import "./vendor-react-DlBvlD8x.js";
6import "./vendor-data-COoK-2dV.js";
7function k() {
8  const { darkMode: i } = m(), [n, d] = o.useState(""), [r, l] = o.useState("");
9  function c(s) {
10    s.updateOptions({ readOnly: true });
11  }
12  return e.jsxs(t.Group, { children: [e.jsxs(t.List, { className: "flex space-x-4", children: [e.jsx(a, { children: "Original" }), e.jsx(a, { children: "Modified" }), e.jsx(a, { children: "Diff" })] }), e.jsxs(t.Panels, { className: "mt-2", children: [e.jsx(t.Panel, { children: e.jsx(h, { height: "65vh", value: n, theme: i ? "vs-dark" : "light", onChange: (s) => d(s || "") }) }), e.jsx(t.Panel, { children: e.jsx(h, { height: "65vh", theme: i ? "vs-dark" : "light", value: r, onChange: (s) => l(s || "") }) }), e.jsx(t.Panel, { children: e.jsx(x, { height: "65vh", theme: i ? "vs-dark" : "light", original: n, modified: r, onMount: c }) })] })] });
13}
14export {
15  k as default
16};