function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen bg-[#F0F0F0]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[1000px] p-6 bg-white shadow-md rounded-lg", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center font-roboto text-[#353535] text-2xl mb-6", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "注文の管理画面"), /*#__PURE__*/ React.createElement("div", { className: "mb-4 flex justify-between", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#4CAF50] text-white py-2 px-4 rounded-md font-roboto hover:bg-[#45a049]", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "注文の追加")), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full bg-white", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "w-full bg-[#E1E1E1]", __source: { fileName: "", lineNumber: 14, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 font-roboto text-left", __source: { fileName: "", lineNumber: 15, columnNumber: 17 }, __self: this }, "注文ID"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 font-roboto text-left", __source: { fileName: "", lineNumber: 16, columnNumber: 17 }, __self: this }, "顧客名"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 font-roboto text-left", __source: { fileName: "", lineNumber: 17, columnNumber: 17 }, __self: this }, "注文金額"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 font-roboto text-left", __source: { fileName: "", lineNumber: 18, columnNumber: 17 }, __self: this }, "商品ID"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 font-roboto text-left", __source: { fileName: "", lineNumber: 19, columnNumber: 17 }, __self: this }, "サービス提供ステータス"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 font-roboto text-left", __source: { fileName: "", lineNumber: 20, columnNumber: 17 }, __self: this }, "債権管理"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 font-roboto text-left", __source: { fileName: "", lineNumber: 21, columnNumber: 17 }, __self: this }, "購入日"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 font-roboto text-left", __source: { fileName: "", lineNumber: 22, columnNumber: 17 }, __self: this }, "アクション"))), /*#__PURE__*/ React.createElement("tbody", { className: "w-full", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "border-b", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "py-3 px-4 font-roboto", __source: { fileName: "", lineNumber: 27, columnNumber: 17 }, __self: this }, "12345"), /*#__PURE__*/ React.createElement("td", { className: "py-3 px-4 font-roboto", __source: { fileName: "", lineNumber: 28, columnNumber: 17 }, __self: this }, "山田太郎"), /*#__PURE__*/ React.createElement("td", { className: "py-3 px-4 font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 17 }, __self: this }, "￥5,000"), /*#__PURE__*/ React.createElement("td", { className: "py-3 px-4 font-roboto", __source: { fileName: "", lineNumber: 30, columnNumber: 17 }, __self: this }, "A001"), /*#__PURE__*/ React.createElement("td", { className: "py-3 px-4 font-roboto", __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this }, "完了"), /*#__PURE__*/ React.createElement("td", { className: "py-3 px-4 font-roboto", __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this }, "支払済"), /*#__PURE__*/ React.createElement("td", { className: "py-3 px-4 font-roboto", __source: { fileName: "", lineNumber: 33, columnNumber: 17 }, __self: this }, "2024-01-01"), /*#__PURE__*/ React.createElement("td", { className: "py-3 px-4 font-roboto flex space-x-2", __source: { fileName: "", lineNumber: 34, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#2196F3] text-white py-1 px-3 rounded-md hover:bg-[#1976D2]", __source: { fileName: "", lineNumber: 35, columnNumber: 19 }, __self: this }, "詳細"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#F44336] text-white py-1 px-3 rounded-md hover:bg-[#d32f2f]", __source: { fileName: "", lineNumber: 38, columnNumber: 19 }, __self: this }, "削除"))), /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "py-3 px-4 font-roboto", __source: { fileName: "", lineNumber: 44, columnNumber: 17 }, __self: this }, "67890"), /*#__PURE__*/ React.createElement("td", { className: "py-3 px-4 font-roboto", __source: { fileName: "", lineNumber: 45, columnNumber: 17 }, __self: this }, "佐藤花子"), /*#__PURE__*/ React.createElement("td", { className: "py-3 px-4 font-roboto", __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }, "￥9,000"), /*#__PURE__*/ React.createElement("td", { className: "py-3 px-4 font-roboto", __source: { fileName: "", lineNumber: 47, columnNumber: 17 }, __self: this }, "B002"), /*#__PURE__*/ React.createElement("td", { className: "py-3 px-4 font-roboto", __source: { fileName: "", lineNumber: 48, columnNumber: 17 }, __self: this }, "進行中"), /*#__PURE__*/ React.createElement("td", { className: "py-3 px-4 font-roboto", __source: { fileName: "", lineNumber: 49, columnNumber: 17 }, __self: this }, "支払い待ち"), /*#__PURE__*/ React.createElement("td", { className: "py-3 px-4 font-roboto", __source: { fileName: "", lineNumber: 50, columnNumber: 17 }, __self: this }, "2024-01-20"), /*#__PURE__*/ React.createElement("td", { className: "py-3 px-4 font-roboto flex space-x-2", __source: { fileName: "", lineNumber: 51, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#2196F3] text-white py-1 px-3 rounded-md hover:bg-[#1976D2]", __source: { fileName: "", lineNumber: 52, columnNumber: 19 }, __self: this }, "詳細"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#F44336] text-white py-1 px-3 rounded-md hover:bg-[#d32f2f]", __source: { fileName: "", lineNumber: 55, columnNumber: 19 }, __self: this }, "削除")))))))); }

注文ID	顧客名	注文金額	商品ID	サービス提供ステータス	債権管理	購入日	アクション
12345	山田太郎	￥5,000	A001	完了	支払済	2024-01-01
67890	佐藤花子	￥9,000	B002	進行中	支払い待ち	2024-01-20