/*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-[#f0f2f5]", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#1f2937] text-white p-6", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-epilogue text-4xl", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "Trip Management System")), /*#__PURE__*/ React.createElement("main", { className: "flex-grow p-6 space-y-6", __source: { fileName: "", lineNumber: 5, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-barlow text-lg text-[#121212]", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, "Upload Spreadsheets:"), /*#__PURE__*/ React.createElement("input", { type: "file", id: "upload-spreadsheet", name: "spreadsheet", accept: ".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel", className: "mt-2 block w-full text-sm text-[#121212] font-barlow file:mr-4 file:py-2 file:px-4 file:border-0 file:text-sm file:font-barlow file:bg-[#2563eb] file:text-white hover:file:bg-[#1d4ed8]", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this })), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "inline-flex items-center px-4 py-2 bg-[#16a34a] text-white font-barlow rounded-md hover:bg-[#15803d]", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-user-plus mr-2", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }), "Add Driver")), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-barlow text-lg text-[#121212]", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, "Driver Information:"), /*#__PURE__*/ React.createElement("form", { className: "mt-2 p-4 w-full bg-white border-2 border-[#d1d5db] flex flex-col space-y-4", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "driver-name", className: "font-barlow text-sm text-[#121212]", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "Name:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "driver-name", name: "name", className: "p-2 border-2 border-[#d1d5db] rounded-md", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "vehicle-type", className: "font-barlow text-sm text-[#121212]", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "Vehicle Type:"), /*#__PURE__*/ React.createElement("select", { id: "vehicle-type", name: "vehicleType", className: "p-2 border-2 border-[#d1d5db] rounded-md", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "wheelchair", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Wheelchair"), /*#__PURE__*/ React.createElement("option", { value: "ambulatory", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "Ambulatory")), /*#__PURE__*/ React.createElement("label", { htmlFor: "driver-address", className: "font-barlow text-sm text-[#121212]", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, "Address:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "driver-address", name: "address", className: "p-2 border-2 border-[#d1d5db] rounded-md", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }))), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 50, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "inline-flex items-center px-4 py-2 bg-[#2563eb] text-white font-barlow rounded-md hover:bg-[#1d4ed8]", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-magic mr-2", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }), "Auto Assign Trips"))));