function BlueSubmitButton({ buttonText }) { return /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-4 px-4 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-[#4F46E5] hover:bg-[#4338CA]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, buttonText); } function BlueSubmitButtonStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(BlueSubmitButton, { buttonText: "登録", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this })); } function MainComponent() { const now = new Date(); const nextMonth = now.getMonth() + 1; const year = now.getFullYear() + (nextMonth === 12 ? 1 : 0); const monthList = []; for(let i = 0; i < 12; i++){ const month = (nextMonth + i) % 12 || 12; const adjustedYear = now.getFullYear() + Math.floor((nextMonth + i - 1) / 12); monthList.push(`${adjustedYear}-${month < 10 ? `0${month}` : month}`); } return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "store", className: "block", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "店舗"), /*#__PURE__*/ React.createElement("select", { id: "store", name: "store", className: "mt-1", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "矢倉", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "矢倉"), /*#__PURE__*/ React.createElement("option", { value: "山科", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "山科"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "department", className: "block", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "部門"), /*#__PURE__*/ React.createElement("select", { id: "department", name: "department", className: "mt-1", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "グロサリ", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "グロサリ"), /*#__PURE__*/ React.createElement("option", { value: "日配", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "日配"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "month", className: "block", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, "月を選択"), /*#__PURE__*/ React.createElement("select", { id: "month", name: "month", className: "mt-1", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, monthList.map((month, index)=>index > 0 && /*#__PURE__*/ React.createElement("option", { key: month, value: month, __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, month)))), /*#__PURE__*/ React.createElement(BlueSubmitButton, { buttonText: "登録", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this })); }