function MainComponent() { const [selectedMenu, setSelectedMenu] = React.useState(null); return /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[220px] bg-gray-100 p-4", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "font-bold mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "キャビネット"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center mb-4 cursor-pointer", onClick: ()=>setSelectedMenu('書類一覧'), __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-inbox mr-2", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "書類一覧"), /*#__PURE__*/ React.createElement("span", { className: "ml-auto text-sm text-gray-500", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "10")), selectedMenu === '書類一覧' ? /*#__PURE__*/ React.createElement("ul", { className: "pl-6", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-blue-500", __source: { fileName: "", lineNumber: 19, columnNumber: 36 }, __self: this }, "請求書")), /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, "見積書"), /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "発注書"), /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, "納品書"), /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, "受領書")) : null, /*#__PURE__*/ React.createElement("li", { className: "flex items-center mb-4 cursor-pointer", onClick: ()=>setSelectedMenu('フォルダ'), __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-folder mr-2", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, "フォルダ")), /*#__PURE__*/ React.createElement("li", { className: "flex items-center mb-4 cursor-pointer", onClick: ()=>setSelectedMenu('アカウント'), __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-2", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "アカウント")))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 p-4 bg-white", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold mr-2", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, '<<'), /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "書類一覧 - 請求書")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border p-2 mr-2 rounded-md bg-white flex-1", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "search", placeholder: "取引先名 or メモを入力して検索", className: "w-full p-2", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("i", { className: "fas fa-search", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("table", { className: "w-full border-collapse", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "border-b", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", __source: { fileName: "", lineNumber: 61, columnNumber: 35 }, __self: this })), /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, "書類タイプ"), /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }, "書類コード"), /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, "取引先"), /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }, "取引先カナ名"), /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, "金額"), /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, "取引日"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "border-b", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 72, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", __source: { fileName: "", lineNumber: 72, columnNumber: 35 }, __self: this })), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "rounded bg-blue-200 px-2 py-1", __source: { fileName: "", lineNumber: 74, columnNumber: 17 }, __self: this }, "請求書")), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }, "1avmsu446"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this }, "株式会社ツバメテクノロジー"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, "ツバメテクノロジー"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }, "183,700"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, "2023-12-01")), /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", __source: { fileName: "", lineNumber: 83, columnNumber: 35 }, __self: this })), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "rounded bg-blue-200 px-2 py-1", __source: { fileName: "", lineNumber: 85, columnNumber: 17 }, __self: this }, "請求書")), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 87, columnNumber: 15 }, __self: this }, "j2f9kg0pw"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, "株式会社ツバメテクノロジー"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this }, "ツバメテクノロジー"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }, "715,000"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 91, columnNumber: 15 }, __self: this }, "2023-11-29")))))); }

	書類タイプ	書類コード	取引先	取引先カナ名	金額	取引日
	請求書	1avmsu446	株式会社ツバメテクノロジー	ツバメテクノロジー	183,700	2023-12-01
	請求書	j2f9kg0pw	株式会社ツバメテクノロジー	ツバメテクノロジー	715,000	2023-11-29