function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#DBEDE4] min-h-screen pb-12", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white py-2 shadow-md", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h6", { className: "font-roboto text-xl text-[#000000]", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "hanafu"))), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 mt-4", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, Array.from({ length: 10 }, (_, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white p-4 shadow rounded", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#000000]", __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }, "商品情報"))))), /*#__PURE__*/ React.createElement("div", { className: "fixed inset-x-0 bottom-0 text-center p-2 bg-none", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "注文リスト (注文可能COUNT)"))); }