function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-6 font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "ケーキ屋さんの注文画面"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 border rounded-lg", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "images/strawberry_shortcake.jpg", alt: "いちごのショートケーキ", className: "w-full h-[200px] object-cover", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-lg mt-2", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "いちごのショートケーキ")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 border rounded-lg", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "images/choco_cake.jpg", alt: "チョコケーキ", className: "w-full h-[200px] object-cover", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-lg mt-2", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "チョコケーキ")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 border rounded-lg", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "images/mont_blanc.jpg", alt: "モンブラン", className: "w-full h-[200px] object-cover", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-lg mt-2", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "モンブラン")))); }