function DistanceInputField({ name, placeholder }) { return /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded-md", type: "number", id: name, name: name, placeholder: placeholder, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function DistanceInputFieldStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(DistanceInputField, { name: "distance", placeholder: "Введите пройденное расстояние", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this })); } function MainComponent() { const handleFormSubmit = (e)=>{ e.preventDefault(); const formData = new FormData(e.target); const data = { tripNumber: formData.get('tripNumber'), vehicleMakeModel: formData.get('vehicleMakeModel'), vehicleNumber: formData.get('vehicleNumber'), driver: formData.get('driver'), route: formData.get('route'), date: formData.get('date'), distance: formData.get('distance') }; console.log('Submitted Data:', data); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex items-center justify-center bg-gray-100", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-md shadow-md w-[400px]", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-6 text-center font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "Автоматизированный учет путевых листов"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleFormSubmit, __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2 font-roboto", htmlFor: "tripNumber", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Номер путевого листа"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded-md", type: "text", id: "tripNumber", name: "tripNumber", placeholder: "Введите номер путевого листа", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2 font-roboto", htmlFor: "vehicleMakeModel", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "Марка и модель автомобиля"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded-md", type: "text", id: "vehicleMakeModel", name: "vehicleMakeModel", placeholder: "Введите марку и модель автомобиля", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2 font-roboto", htmlFor: "vehicleNumber", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Номер автомобиля"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded-md", type: "text", id: "vehicleNumber", name: "vehicleNumber", placeholder: "Введите номер автомобиля", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2 font-roboto", htmlFor: "driver", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "Имя водителя"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded-md", type: "text", id: "driver", name: "driver", placeholder: "Введите имя водителя", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2 font-roboto", htmlFor: "route", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "Маршрут движения"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded-md", type: "text", id: "route", name: "route", placeholder: "Введите маршрут движения", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2 font-roboto", htmlFor: "date", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, "Дата выдачи путевого листа"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded-md", type: "date", id: "date", name: "date", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2 font-roboto", htmlFor: "distance", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, "Пройденное расстояние"), /*#__PURE__*/ React.createElement(DistanceInputField, { name: "distance", placeholder: "Введите пройденное расстояние", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full py-2 bg-blue-500 text-white rounded-md font-medium font-roboto hover:bg-blue-600", type: "submit", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, "Сохранить")))); }