function MainComponent({ input1Name, input2Name, button1Label, button2Label }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: input1Name, className: "p-2 border border-gray-300 rounded-lg", placeholder: "入力欄1", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-blue-500 text-white rounded-lg", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, button1Label)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: input2Name, className: "p-2 border border-gray-300 rounded-lg", placeholder: "入力欄2", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-blue-500 text-white rounded-lg", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, button2Label))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 32, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { input1Name: "inputField1", input2Name: "inputField2", button1Label: "ボタン1", button2Label: "ボタン2", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { input1Name: "inputField3", input2Name: "inputField4", button1Label: "送信", button2Label: "リセット", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this })); }