function GreenButton7({ buttons }) { return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[300px]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, buttons.map((button, index)=>{ if (button === "7") return /*#__PURE__*/ React.createElement(GreenButton7, { label: button, key: index, __source: { fileName: "", lineNumber: 5, columnNumber: 36 }, __self: this }); return /*#__PURE__*/ React.createElement("button", { key: index, className: `w-full py-2 text-white font-bold ${button === "C" ? "bg-[#d32f2f]" : "bg-[#4caf50]"} ${button === "0" ? "col-span-2" : ""}`, __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, button); })); } function GreenButton7Story() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(GreenButton7, { buttons: [ "7" ], __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(GreenButton7, { buttons: [ "7", "8", "9", "C", "4", "5", "6", "+", "1", "2", "3", "-", "0", ".", "=" ], __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this })); } function GreenButton72({ label }) { return /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#4caf50] py-2 text-white font-bold", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, label); } function GreenButton72Story() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-2 w-full max-w-[300px]", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(GreenButton72, { label: "7", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "w-[300px] h-[400px] bg-green-500 rounded-lg p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white text-2xl font-roboto mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "緑色の計算機"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-4 gap-2", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(GreenButton72, { label: "7", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#4caf50] py-2 text-white font-bold", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, "8"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#4caf50] py-2 text-white font-bold", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "9"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#d32f2f] py-2 text-white font-bold", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "C"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#4caf50] py-2 text-white font-bold", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "4"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#4caf50] py-2 text-white font-bold", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "5"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#4caf50] py-2 text-white font-bold", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "6"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#4caf50] py-2 text-white font-bold", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "+"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#4caf50] py-2 text-white font-bold", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "1"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#4caf50] py-2 text-white font-bold", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "2"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#4caf50] py-2 text-white font-bold", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, "3"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#4caf50] py-2 text-white font-bold", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#4caf50] py-2 text-white font-bold col-span-2", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "0"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#4caf50] py-2 text-white font-bold", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "."), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#4caf50] py-2 text-white font-bold", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "="))); }