function MainComponent() { const handleChange = ()=>{}; const handleSubmit = ()=>{}; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#121212] text-white p-4", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center p-4 bg-[#1E1E1E]", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "ナレッジデータベース"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-[#F0F0F0] bg-[#4A90E2] rounded-full px-3 py-1.5 font-roboto mr-2", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "登録"), /*#__PURE__*/ React.createElement("button", { className: "text-[#F0F0F0] bg-[#E91E63] rounded-full px-3 py-1.5 font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "編集"))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-between mt-8", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "search", name: "search", placeholder: "検索...", className: "w-1/3 p-2 rounded bg-[#2C2C2C] text-white placeholder-[#9E9E9E]", onChange: handleChange, __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "categories", className: "w-1/3 p-2 rounded bg-[#2C2C2C] text-white", onChange: handleChange, __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "カテゴリを選択"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "テクノロジー"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "ビジネス"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "プロファイル"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "テクニカル")), /*#__PURE__*/ React.createElement("select", { name: "status", className: "w-1/3 p-2 rounded bg-[#2C2C2C] text-white", onChange: handleChange, __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "ステータス"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "アクティブ"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "ドラフト")), /*#__PURE__*/ React.createElement("button", { type: "button", className: "w-full mt-4 text-[#F0F0F0] bg-[#4A90E2] rounded-full px-6 py-2 font-roboto", onClick: handleSubmit, __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "検索")), /*#__PURE__*/ React.createElement("div", { className: "overflow-auto mt-4", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full text-left", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "text-sm font-roboto", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, "タイトル"), /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, "カテゴリ"), /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, "作成"), /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }, "更新"), /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, "ステータス"), /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, "アクション"), /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, "チャネル"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "border-t border-[#343434]", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, "Updating your profile"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }, "Profile"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, "2023-03-15"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, "2023-04-10"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, "Active"), /*#__PURE__*/ React.createElement("td", { className: "p-2 flex items-center", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-[#F0F0F0] bg-[#4A90E2] rounded-full px-2 py-1 font-roboto mr-2", __source: { fileName: "", lineNumber: 53, columnNumber: 17 }, __self: this }, "編集"), /*#__PURE__*/ React.createElement("button", { className: "text-[#F0F0F0] bg-[#E91E63] rounded-full px-2 py-1 font-roboto", __source: { fileName: "", lineNumber: 54, columnNumber: 17 }, __self: this }, "削除")), /*#__PURE__*/ React.createElement("td", { className: "p-2 flex space-x-2", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-globe text-white", __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fa fa-comments text-white", __source: { fileName: "", lineNumber: 58, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("tr", { className: "border-t border-[#343434]", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, "Troubleshooting network issues"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }, "Technical"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, "2023-02-20"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }, "2023-03-30"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, "Draft"), /*#__PURE__*/ React.createElement("td", { className: "p-2 flex items-center", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-[#F0F0F0] bg-[#4A90E2] rounded-full px-2 py-1 font-roboto mr-2", __source: { fileName: "", lineNumber: 68, columnNumber: 17 }, __self: this }, "編集"), /*#__PURE__*/ React.createElement("button", { className: "text-[#F0F0F0] bg-[#E91E63] rounded-full px-2 py-1 font-roboto", __source: { fileName: "", lineNumber: 69, columnNumber: 17 }, __self: this }, "削除")), /*#__PURE__*/ React.createElement("td", { className: "p-2 flex space-x-2", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-envelope text-white", __source: { fileName: "", lineNumber: 72, columnNumber: 17 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mt-4 text-sm font-roboto", __source: { fileName: "", lineNumber: 78, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, "1 - 10 of 230 entries"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-white bg-[#4A90E2] rounded-full px-4 py-1.5 mr-2", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, "Prev"), /*#__PURE__*/ React.createElement("button", { className: "text-white bg-[#4A90E2] rounded-full px-4 py-1.5", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, "Next"))), /*#__PURE__*/ React.createElement("div", { className: "text-center p-4 font-roboto text-sm", __source: { fileName: "", lineNumber: 85, columnNumber: 7 }, __self: this }, "© 2023 ナレッジデータベース. All rights reserved.")); }

タイトル	カテゴリ	作成	更新	ステータス	アクション	チャネル
Updating your profile	Profile	2023-03-15	2023-04-10	Active
Troubleshooting network issues	Technical	2023-02-20	2023-03-30	Draft