function ProductHarvestList({ productName, harvestTime }) { return /*#__PURE__*/ React.createElement("li", { className: "text-lg text-green-700 font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, productName, " ", harvestTime); } function ProductHarvestListStory() { return /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ProductHarvestList, { productName: "Apple", harvestTime: "Fall", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(ProductHarvestList, { productName: "Carrot", harvestTime: "Spring", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this })); } function MainComponent({ farmName, productList }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#FFD700] p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-4xl text-[#345D29] mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, farmName), /*#__PURE__*/ React.createElement("ul", { className: "list-none mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, productList.map((product, index)=>/*#__PURE__*/ React.createElement(ProductHarvestList, { key: index, productName: product.name, harvestTime: product.harvestTime, __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this })))); } function StoryComponent() { const farmName = "津田農園"; const productList = [ { name: "🍅 トマト", harvestTime: "7-10月" }, { name: "🍆 茄子", harvestTime: "7-10月" }, { name: "🌶 ピーマン", harvestTime: "7-10月" }, { name: "🥬 春菊", harvestTime: "2-4月" } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { farmName: farmName, productList: productList, __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this })); }