function ClickableBlueElement({ onClick }) { return /*#__PURE__*/ React.createElement("button", { onClick: onClick, className: "py-2 px-4 bg-blue-500 text-white font-roboto rounded hover:bg-blue-600 transition-colors", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "タスク追加"); } function ClickableBlueElementStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ClickableBlueElement, { onClick: ()=>console.log("Button clicked"), __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this })); } function ProgressGraphDisplay({ labelText }) { return /*#__PURE__*/ React.createElement("p", { className: "text-[#777] font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, labelText); } function ProgressGraphDisplayStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ProgressGraphDisplay, { labelText: "進捗状況グラフ（ダミー）", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "p-4 max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 3, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-roboto mb-6", __source: { fileName: "", lineNumber: 4, columnNumber: 13 }, __self: this }, "タスク管理表"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", __source: { fileName: "", lineNumber: 6, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "taskName", className: "p-2 border border-gray-300 rounded", placeholder: "タスク名", __source: { fileName: "", lineNumber: 7, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "taskDescription", className: "p-2 border border-gray-300 rounded", placeholder: "タスク説明", __source: { fileName: "", lineNumber: 8, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "taskStatus", className: "p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 10, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "未着手", __source: { fileName: "", lineNumber: 11, columnNumber: 21 }, __self: this }, "未着手"), /*#__PURE__*/ React.createElement("option", { value: "進行中", __source: { fileName: "", lineNumber: 12, columnNumber: 21 }, __self: this }, "進行中"), /*#__PURE__*/ React.createElement("option", { value: "完了", __source: { fileName: "", lineNumber: 13, columnNumber: 21 }, __self: this }, "完了")), /*#__PURE__*/ React.createElement("select", { name: "taskPriority", className: "p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 16, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "低", __source: { fileName: "", lineNumber: 17, columnNumber: 21 }, __self: this }, "低"), /*#__PURE__*/ React.createElement("option", { value: "中", __source: { fileName: "", lineNumber: 18, columnNumber: 21 }, __self: this }, "中"), /*#__PURE__*/ React.createElement("option", { value: "高", __source: { fileName: "", lineNumber: 19, columnNumber: 21 }, __self: this }, "高")), /*#__PURE__*/ React.createElement("input", { type: "date", name: "taskDeadline", className: "p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 22, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "taskAssignee", className: "p-2 border border-gray-300 rounded", placeholder: "担当者名", __source: { fileName: "", lineNumber: 24, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "col-span-2", __source: { fileName: "", lineNumber: 26, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "taskTags", className: "p-2 w-full border border-gray-300 rounded", placeholder: "タグ（カンマ区切り）", __source: { fileName: "", lineNumber: 27, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "col-span-2", __source: { fileName: "", lineNumber: 30, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement(ProgressGraphDisplay, { labelText: "進捗状況", __source: { fileName: "", lineNumber: 31, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement(ClickableBlueElement, { onClick: ()=>console.log("タスクを追加しました"), __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this })); }