function MainComponent() { const SectionTitle = ({ children })=>/*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mt-8 mb-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, children); const InputField = ({ name, type, placeholder })=>/*#__PURE__*/ React.createElement("input", { name: name, type: type, placeholder: placeholder, className: "border p-2 mb-4 w-full", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }); const TextAreaField = ({ name, placeholder })=>/*#__PURE__*/ React.createElement("textarea", { name: name, placeholder: placeholder, className: "border p-2 mb-4 w-full", __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }); const Button = ({ children, onClick })=>/*#__PURE__*/ React.createElement("button", { onClick: onClick, className: "bg-blue-500 text-white p-2 rounded mt-4", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, children); return /*#__PURE__*/ React.createElement("div", { className: "p-8 max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SectionTitle, { __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, "ユーザ管理"), /*#__PURE__*/ React.createElement(InputField, { name: "email", type: "email", placeholder: "Email", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(InputField, { name: "password", type: "password", placeholder: "Password", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Button, { __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, "Register / Login"), /*#__PURE__*/ React.createElement(SectionTitle, { __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, "ユーザプロフィール管理"), /*#__PURE__*/ React.createElement(InputField, { name: "name", type: "text", placeholder: "Name", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(InputField, { name: "contact", type: "text", placeholder: "Contact Info", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(InputField, { name: "profileImage", type: "file", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Button, { __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, "Update Profile"), /*#__PURE__*/ React.createElement(SectionTitle, { __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, "車両管理"), /*#__PURE__*/ React.createElement(InputField, { name: "vehicleType", type: "text", placeholder: "Vehicle Type (Car, Motorcycle)", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(InputField, { name: "manufacturer", type: "text", placeholder: "Manufacturer", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(InputField, { name: "model", type: "text", placeholder: "Model", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(InputField, { name: "year", type: "text", placeholder: "Year", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(InputField, { name: "vin", type: "text", placeholder: "Vehicle Identification Number (VIN)", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(InputField, { name: "licensePlate", type: "text", placeholder: "License Plate", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(InputField, { name: "vehicleImage", type: "file", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Button, { __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, "Add Vehicle"), /*#__PURE__*/ React.createElement(SectionTitle, { __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, "メンテナンス記録管理"), /*#__PURE__*/ React.createElement(InputField, { name: "maintenanceType", type: "text", placeholder: "Maintenance Type", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(InputField, { name: "date", type: "date", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(InputField, { name: "mileage", type: "number", placeholder: "Mileage", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(InputField, { name: "cost", type: "number", placeholder: "Cost", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(TextAreaField, { name: "notes", placeholder: "Notes", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Button, { __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, "Add Maintenance Record"), /*#__PURE__*/ React.createElement(SectionTitle, { __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, "ダッシュボード"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-4 rounded", __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }, "Dashboard content goes here..."), /*#__PURE__*/ React.createElement(SectionTitle, { __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, "検索・フィルタ機能"), /*#__PURE__*/ React.createElement(InputField, { name: "search", type: "text", placeholder: "Search...", __source: { fileName: "", lineNumber: 69, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Button, { __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this }, "Search")); }