function MainComponent() { const [equipmentCode, setEquipmentCode] = React.useState(''); const [malfunctionDetails, setMalfunctionDetails] = React.useState(''); const [solutions, setSolutions] = React.useState([]); const fetchSolutions = ()=>{ // Simulation of an AI-analysis function return [ { steps: 'Step 1: Turn off the equipment. Step 2: Check the main circuit.', reasoning: 'Considering the reported error code, a fault in the main circuit is suspected.', refLink: 'https://docs.example.com/check-main-circuit' }, { steps: 'Step 1: Reset the system sensors. Step 2: Run diagnostic.', reasoning: 'Resetting might resolve false alarms in sensor readings.', refLink: 'https://docs.example.com/reset-system-sensors' }, { steps: 'Step 1: Clean the filter. Step 2: Lubricate the moving parts.', reasoning: 'Maintenance issues could lead to the symptoms described.', refLink: 'https://docs.example.com/maintenance-guide' }, { steps: 'Step 1: Update the software. Step 2: Restart the equipment.', reasoning: 'Software bugs could lead to erratic behavior.', refLink: 'https://docs.example.com/software-update' }, { steps: 'Step 1: Check the power supply. Step 2: Verify the load capacity.', reasoning: 'Power issues often cause malfunctions as reported.', refLink: 'https://docs.example.com/power-supply-check' } ]; }; const handleSubmit = (event)=>{ event.preventDefault(); const aiProposals = fetchSolutions(); setSolutions(aiProposals); }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#121212] bg-[#f5f5f5] p-4", __source: { fileName: "", lineNumber: 44, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, "Equipment Malfunction Report"), /*#__PURE__*/ React.createElement("form", { className: "mb-8", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "equipmentCode", className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "Equipment Code:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "equipmentCode", name: "equipmentCode", className: "border p-2", placeholder: "Enter equipment code", value: equipmentCode, onChange: (e)=>setEquipmentCode(e.target.value), __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col mb-4", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "malfunctionDetails", className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, "Malfunction Details:"), /*#__PURE__*/ React.createElement("textarea", { id: "malfunctionDetails", name: "malfunctionDetails", rows: "4", className: "border p-2", placeholder: "Describe the malfunction", value: malfunctionDetails, onChange: (e)=>setMalfunctionDetails(e.target.value), __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, "Submit")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 75, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-3", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, "Proposed Solutions"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this }, solutions.map((solution, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "border p-4", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, "Solution ", index + 1), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, solution.steps), /*#__PURE__*/ React.createElement("details", { __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("summary", { __source: { fileName: "", lineNumber: 83, columnNumber: 17 }, __self: this }, "AI Reasoning"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 84, columnNumber: 17 }, __self: this }, solution.reasoning)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: solution.refLink, className: "text-blue-500 hover:underline", __source: { fileName: "", lineNumber: 87, columnNumber: 17 }, __self: this }, "Reference Document"))))))); }