function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen font-sans", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-row w-full h-full", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "w-[200px] bg-[#007bff] text-white p-4 flex flex-col space-y-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "FabSense"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "cursor-pointer hover:bg-[#0056b3] p-2 rounded", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "商品一覧"), /*#__PURE__*/ React.createElement("li", { className: "cursor-pointer hover:bg-[#0056b3] p-2 rounded", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "発注履歴"), /*#__PURE__*/ React.createElement("li", { className: "cursor-pointer hover:bg-[#0056b3] p-2 rounded", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, "入庫履歴"), /*#__PURE__*/ React.createElement("li", { className: "cursor-pointer hover:bg-[#0056b3] p-2 rounded", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "マット一覧"))), /*#__PURE__*/ React.createElement("main", { className: "flex flex-col w-full h-full p-8 space-y-8 bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-[#007bff]", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "商品詳細"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-row items-center space-x-8 bg-white p-8 rounded shadow-md", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./path/to/product-image.jpg", alt: "Specific product image description", className: "w-[200px] h-[200px] object-cover rounded", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, "商品名"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, "現在の在庫数: 50"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "発注点: 10"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-[#007bff] text-white rounded hover:bg-[#0056b3]", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, "発注")))))); }