function MainComponent() { const [activeTab, setActiveTab] = React.useState('document'); const [uploadDateFrom, setUploadDateFrom] = React.useState(''); const [uploadDateTo, setUploadDateTo] = React.useState(''); const DocumentTab = ()=>/*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "filename", placeholder: "ファイル名", className: "mr-2 p-2 border rounded", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "description", placeholder: "説明", className: "mr-2 p-2 border rounded", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "mr-2", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "自"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "dateFrom", value: uploadDateFrom, onChange: (e)=>setUploadDateFrom(e.target.value), className: "p-2 border rounded", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "mx-2", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "至"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "dateTo", value: uploadDateTo, onChange: (e)=>setUploadDateTo(e.target.value), className: "p-2 border rounded", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "ml-4 p-2 bg-[hsl(171,100%,41%)] text-white rounded", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "検索")), /*#__PURE__*/ React.createElement("table", { className: "w-full border-collapse border", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "border w-[30%]", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "ファイル名 ", /*#__PURE__*/ React.createElement("span", { className: "cursor-pointer", __source: { fileName: "", lineNumber: 22, columnNumber: 50 }, __self: this }, "▲ ▼")), /*#__PURE__*/ React.createElement("th", { className: "border w-[40%]", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "説明 ", /*#__PURE__*/ React.createElement("span", { className: "cursor-pointer", __source: { fileName: "", lineNumber: 23, columnNumber: 47 }, __self: this }, "▲ ▼")), /*#__PURE__*/ React.createElement("th", { className: "border w-[20%]", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "アップロード日時 ", /*#__PURE__*/ React.createElement("span", { className: "cursor-pointer", __source: { fileName: "", lineNumber: 24, columnNumber: 53 }, __self: this }, "▲ ▼")), /*#__PURE__*/ React.createElement("th", { className: "border w-[10%]", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "操作"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "サンプルファイル名"), /*#__PURE__*/ React.createElement("td", { className: "border", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, "サンプル説明"), /*#__PURE__*/ React.createElement("td", { className: "border", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, "2023-01-01 00:00"), /*#__PURE__*/ React.createElement("td", { className: "border text-center", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-red-500 text-white p-2 rounded", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, "削除"))))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", name: "file", className: "mr-2 p-2 border rounded", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "fileDescription", placeholder: "説明", className: "mr-2 p-2 border rounded", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "p-2 bg-[hsl(171,100%,41%)] text-white rounded", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, "登録"))); const PromptTab = ()=>/*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 48, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "promptText", className: "w-full h-[200px] p-2 border rounded", defaultValue: "ドキュメントストレージから検索してください。検索できないものは答えないでください。", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "mt-4 p-2 bg-[hsl(171,100%,41%)] text-white rounded", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, "更新")); return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f0f0f0] min-h-screen", __source: { fileName: "", lineNumber: 59, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[hsl(171,100%,41%)] text-white p-4 font-bold text-lg", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, "Easy AI 管理者画面"), /*#__PURE__*/ React.createElement("div", { className: "text-center text-sm font-bold font-sans mb-4", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, "Product by STNet"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 p-4", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `p-2 ${activeTab === 'document' ? 'bg-[hsl(171,100%,41%)] text-white' : 'bg-white text-black'} rounded`, onClick: ()=>setActiveTab('document'), __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, "ドキュメント設定"), /*#__PURE__*/ React.createElement("button", { className: `p-2 ${activeTab === 'prompt' ? 'bg-[hsl(171,100%,41%)] text-white' : 'bg-white text-black'} rounded`, onClick: ()=>setActiveTab('prompt'), __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, "プロンプト設定")), activeTab === 'document' ? /*#__PURE__*/ React.createElement(DocumentTab, { __source: { fileName: "", lineNumber: 76, columnNumber: 35 }, __self: this }) : /*#__PURE__*/ React.createElement(PromptTab, { __source: { fileName: "", lineNumber: 76, columnNumber: 53 }, __self: this })); }