function MainComponent() { const searchResults = [ { user1: "hiyohiyo", date1: "2024-06-16 07:26:05", system1: "Windows", user2: "hiyohiyo", date2: "2024-06-16 07:26:05", system2: "Windows", singleScore: 7777, multiScore: 9999 } ]; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col p-6 space-y-4 bg-white shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center font-roboto text-2xl font-bold", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, "検索UI"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg mx-auto", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "space-y-4 mb-4", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "form-control", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "label", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "label-text", __source: { fileName: "", lineNumber: 22, columnNumber: 40 }, __self: this }, "Platform")), /*#__PURE__*/ React.createElement("input", { type: "text", name: "platform", placeholder: "Platform", className: "w-full input input-bordered", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "form-control", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "label", __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "label-text", __source: { fileName: "", lineNumber: 27, columnNumber: 40 }, __self: this }, "Sort")), /*#__PURE__*/ React.createElement("select", { name: "sort", className: "w-full select select-bordered", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "asc", __source: { fileName: "", lineNumber: 29, columnNumber: 17 }, __self: this }, "Ascending"), /*#__PURE__*/ React.createElement("option", { value: "desc", __source: { fileName: "", lineNumber: 30, columnNumber: 17 }, __self: this }, "Descending"))), /*#__PURE__*/ React.createElement("div", { className: "form-control", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "label", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "label-text", __source: { fileName: "", lineNumber: 35, columnNumber: 40 }, __self: this }, "Start Date")), /*#__PURE__*/ React.createElement("input", { type: "date", name: "startdate", className: "w-full input input-bordered", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "form-control", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "label", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "label-text", __source: { fileName: "", lineNumber: 40, columnNumber: 40 }, __self: this }, "End Date")), /*#__PURE__*/ React.createElement("input", { type: "date", name: "enddate", className: "w-full input input-bordered", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "form-control col-span-2", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "label", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "label-text", __source: { fileName: "", lineNumber: 45, columnNumber: 40 }, __self: this }, "Keyword")), /*#__PURE__*/ React.createElement("input", { type: "text", name: "keyword", placeholder: "Keyword", className: "w-full input input-bordered", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "btn btn-primary", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "検索"))), searchResults.map((result, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "grid grid-cols-4 gap-4 p-4 bg-gray-800 rounded-lg text-white mb-4", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold", __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this }, "User"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this }, result.user1), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, result.date1), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, result.system1)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, "User"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }, result.user2), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, result.date2), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, result.system2)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, "Single Score"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }, result.singleScore)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, "Multi Score"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }, result.multiScore)))))); }