function MainComponent({ reportTitle, version, submitDateLabel, lotNumberLabel, departmentName, troubleLabel, occurrenceDateLabel, occurrenceLocationLabel, reporterLabel, verifierLabel, remarksLabel }) { const today = new Date().toISOString().split('T')[0]; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col mx-auto my-4 p-4 rounded shadow-lg bg-white w-full max-w-4xl", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 border-b", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold text-center", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, reportTitle), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-sm my-2", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, version), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, submitDateLabel, ": ", today))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-4", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-semibold", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, lotNumberLabel), /*#__PURE__*/ React.createElement("input", { type: "text", name: "lotNumber", className: "border p-1", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-semibold", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, departmentName), /*#__PURE__*/ React.createElement("input", { type: "text", name: "departmentName", className: "border p-1", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-semibold", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, troubleLabel), /*#__PURE__*/ React.createElement("textarea", { name: "troubleDescription", className: "border p-1", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-semibold", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, occurrenceDateLabel), /*#__PURE__*/ React.createElement("input", { type: "date", name: "occurrenceDate", className: "border p-1", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-semibold", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, occurrenceLocationLabel), /*#__PURE__*/ React.createElement("input", { type: "text", name: "occurrenceLocation", className: "border p-1", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-semibold", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, reporterLabel), /*#__PURE__*/ React.createElement("input", { type: "text", name: "reporter", className: "border p-1", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-semibold", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, verifierLabel), /*#__PURE__*/ React.createElement("input", { type: "text", name: "verifier", className: "border p-1", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-semibold", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, remarksLabel), /*#__PURE__*/ React.createElement("textarea", { name: "remarks", className: "border p-1", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this })))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-8", __source: { fileName: "", lineNumber: 53, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { reportTitle: "不具合申告書", version: "ver.1.0", submitDateLabel: "提出日", lotNumberLabel: "ロットNo.", departmentName: "部署名", troubleLabel: "不具合内容", occurrenceDateLabel: "発生日", occurrenceLocationLabel: "発生場所", reporterLabel: "報告者", verifierLabel: "確認者", remarksLabel: "備考", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this })); }