function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "font-crimson-text w-full h-full flex flex-col items-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full bg-[#f8f9fa] p-4 flex justify-between items-center shadow-md", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Task Management App"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Googleでログイン")), /*#__PURE__*/ React.createElement("div", { className: "flex-grow flex pb-4", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[200px] bg-[#e9ecef] flex flex-col items-start py-4 px-2", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full text-left px-4 py-2", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "ホーム"), /*#__PURE__*/ React.createElement("button", { className: "w-full text-left px-4 py-2", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "タスク"), /*#__PURE__*/ React.createElement("button", { className: "w-full text-left px-4 py-2", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "スケジュール"), /*#__PURE__*/ React.createElement("button", { className: "w-full text-left px-4 py-2", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "日報"), /*#__PURE__*/ React.createElement("button", { className: "w-full text-left px-4 py-2", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "設定")), /*#__PURE__*/ React.createElement("div", { className: "flex-grow p-4", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-4 bg-white shadow-md", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mb-2", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-md font-semibold", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "今日のタスク"), /*#__PURE__*/ React.createElement("button", { className: "bg-green-500 text-white px-4 py-1 rounded", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, "新規タスク追加")), /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-300", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex justify-between items-center mt-2", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-grow", __source: { fileName: "", lineNumber: 27, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 28, columnNumber: 19 }, __self: this }, "タスク名"), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500 ml-2", __source: { fileName: "", lineNumber: 29, columnNumber: 19 }, __self: this }, "所要時間: 1h"), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-red-500 ml-2", __source: { fileName: "", lineNumber: 30, columnNumber: 19 }, __self: this }, "優先度: 高")), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-blue-500", __source: { fileName: "", lineNumber: 33, columnNumber: 19 }, __self: this }, "編集"), /*#__PURE__*/ React.createElement("button", { className: "text-red-500", __source: { fileName: "", lineNumber: 34, columnNumber: 19 }, __self: this }, "削除"))))), /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-4 bg-white shadow-md", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-md font-semibold mb-2", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "タスク進捗バー"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-200 rounded-full h-4 mb-4 overflow-hidden", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-500 h-full w-[70%]", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-4 bg-white shadow-md", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-md font-semibold mb-2", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "スケジュール表示エリア"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-around mb-4", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-gray-300 rounded", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, "月ビュー"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-gray-300 rounded", __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, "週ビュー"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-gray-300 rounded", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, "日ビュー"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }, "Googleカレンダー同期")), /*#__PURE__*/ React.createElement("div", { className: "border border-gray-300 h-[300px]", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-4 bg-white shadow-md", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-md font-semibold mb-2", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, "日報"), /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "Good", placeholder: "Good", className: "w-full border border-gray-300 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "Bad", placeholder: "Bad", className: "w-full border border-gray-300 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "Next", placeholder: "Next", className: "w-full border border-gray-300 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "GPT提案", placeholder: "GPT提案", className: "w-full border border-gray-300 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this })))))); }