function MainComponent() { const [menuVisible, setMenuVisible] = React.useState(false); const [collisionDetection, setCollisionDetection] = React.useState(''); const [rashDriving, setRashDriving] = React.useState(''); const [busHealthCondition, setBusHealthCondition] = React.useState(''); const [emergencyCondition, setEmergencyCondition] = React.useState(''); const [fatigueDetection, setFatigueDetection] = React.useState(''); const [drowsinessDetection, setDrowsinessDetection] = React.useState(''); const [passengerCapacity, setPassengerCapacity] = React.useState(''); return /*#__PURE__*/ React.createElement("div", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "mr-2 p-2 bg-blue-500 text-white rounded", onClick: ()=>setMenuVisible(!menuVisible), __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "Menu")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "Collision detection"), /*#__PURE__*/ React.createElement("select", { name: "collisionDetection", className: "block w-full mt-1 p-2 border rounded", value: collisionDetection, onChange: (e)=>setCollisionDetection(e.target.value), __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "yes", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "Yes"), /*#__PURE__*/ React.createElement("option", { value: "no", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "No"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, "Rash driving"), /*#__PURE__*/ React.createElement("select", { name: "rashDriving", className: "block w-full mt-1 p-2 border rounded", value: rashDriving, onChange: (e)=>setRashDriving(e.target.value), __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "yes", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "Yes"), /*#__PURE__*/ React.createElement("option", { value: "no", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "No"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "Health condition of bus"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "busHealthCondition", className: "block w-full mt-1 p-2 border rounded", value: busHealthCondition, onChange: (e)=>setBusHealthCondition(e.target.value), __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, "Emergency condition"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "emergencyCondition", className: "block w-full mt-1 p-2 border rounded", value: emergencyCondition, onChange: (e)=>setEmergencyCondition(e.target.value), __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, "Camera driver fatigue detection"), /*#__PURE__*/ React.createElement("select", { name: "fatigueDetection", className: "block w-full mt-1 p-2 border rounded", value: fatigueDetection, onChange: (e)=>setFatigueDetection(e.target.value), __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "yes", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, "Yes"), /*#__PURE__*/ React.createElement("option", { value: "no", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, "No"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, "Drowsiness detection"), /*#__PURE__*/ React.createElement("select", { name: "drowsinessDetection", className: "block w-full mt-1 p-2 border rounded", value: drowsinessDetection, onChange: (e)=>setDrowsinessDetection(e.target.value), __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "sleep", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, "Sleep"), /*#__PURE__*/ React.createElement("option", { value: "notSleep", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, "Not Sleep"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 89, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, "Passenger capacity"), /*#__PURE__*/ React.createElement("select", { name: "passengerCapacity", className: "block w-full mt-1 p-2 border rounded", value: passengerCapacity, onChange: (e)=>setPassengerCapacity(e.target.value), __source: { fileName: "", lineNumber: 91, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "moreThan30", __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, "More than 30"), /*#__PURE__*/ React.createElement("option", { value: "lessThan30", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, "Less than 30")))); }