function MainComponent() { const [errorCode, setErrorCode] = React.useState(""); const [errorDescription, setErrorDescription] = React.useState(""); const [vehicleType, setVehicleType] = React.useState(""); const decodeError = (code, vehicleType)=>{ const truckErrorCodes = { "P0010": "Неполадка в системе управления фаз газораспределения для грузовика", "P0020": "Неисправность цепи управления фазами впускных клапанов для грузовика", "P0030": "Неисправность в цепи подогревателя датчика кислорода для грузовика" }; const busErrorCodes = { "P0010": "Неполадка в системе управления фаз газораспределения для автобуса", "P0020": "Неисправность цепи управления фазами впускных клапанов для автобуса", "P0030": "Неисправность в цепи подогревателя датчика кислорода для автобуса" }; const errors = vehicleType === "truck" ? truckErrorCodes : busErrorCodes; return errors[code] || "Код ошибки не найден."; }; const handleSubmit = (e)=>{ e.preventDefault(); setErrorDescription(decodeError(errorCode.toUpperCase().trim(), vehicleType)); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 29, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "text-center", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "vehicleType", value: vehicleType, onChange: (e)=>setVehicleType(e.target.value), className: "font-roboto text-[#121212] p-2 mb-4 bg-white rounded-full border-2 border-[#121212] mr-2", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Выберите тип транспортного средства"), /*#__PURE__*/ React.createElement("option", { value: "truck", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Грузовик"), /*#__PURE__*/ React.createElement("option", { value: "bus", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "Автобус")), /*#__PURE__*/ React.createElement("input", { type: "text", name: "errorCode", value: errorCode, onChange: (e)=>setErrorCode(e.target.value), placeholder: "Введите код ошибки", className: "font-roboto text-[#121212] p-2 mb-4 bg-white rounded-full border-2 border-[#121212]", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "text-white bg-[#4CAF50] hover:bg-[#45a049] font-roboto py-2 px-4 rounded-full", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, "Расшифровать")), errorDescription && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-white rounded shadow-md", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, errorDescription))); }