function MainComponent() { const [sValues, setSValues] = React.useState([]); const [average, setAverage] = React.useState(0); const [violationPercentage, setViolationPercentage] = React.useState(0); React.useEffect(()=>{ const bellTest = (nTrials)=>{ // Simulating bell test results return Math.random() * 4 - 2; }; const runTests = ()=>{ const nTests = 100; const nTrials = 1000; const results = []; for(let i = 0; i < nTests; i++){ results.push(bellTest(nTrials)); } setSValues(results); setAverage(results.reduce((a, b)=>a + b, 0) / results.length); setViolationPercentage(results.filter((v)=>v > 2).length / results.length * 100); }; runTests(); }, []); const maxValue = Math.max(...sValues, 2 * Math.sqrt(2)); const minValue = Math.min(...sValues, 2); return /*#__PURE__*/ React.createElement("div", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, "Bell Test Results with NAQFT"), /*#__PURE__*/ React.createElement("div", { className: "w-full h-[400px] bg-gray-100 relative mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, sValues.map((value, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "absolute bottom-0 bg-blue-500", style: { left: `${index / sValues.length * 100}%`, height: `${(value - minValue) / (maxValue - minValue) * 100}%`, width: `${100 / sValues.length}%` }, __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 w-full border-t-2 border-red-500", style: { bottom: `${(2 - minValue) / (maxValue - minValue) * 100}%` }, __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 w-full border-t-2 border-green-500", style: { bottom: `${(2 * Math.sqrt(2) - minValue) / (maxValue - minValue) * 100}%` }, __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mb-2", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, "Classical limit"), /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, "2")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mb-4", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, "Quantum limit"), /*#__PURE__*/ React.createElement("span", { className: "text-green-500", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, (2 * Math.sqrt(2)).toFixed(4))), /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, "Average S value:"), " ", average.toFixed(4)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, "Percentage of tests violating Bell's inequality:"), " ", violationPercentage.toFixed(2), "%")); }