function MainComponent() { const [showProjects, setShowProjects] = React.useState(false); const [selectedProject, setSelectedProject] = React.useState(null); const [selectedCustomer, setSelectedCustomer] = React.useState(''); const [showRevenueInfo, setShowRevenueInfo] = React.useState(false); const handleDetailOptionClick = ()=>{ setShowProjects(true); setShowRevenueInfo(false); }; const handleRevenueOptionClick = ()=>{ setShowRevenueInfo(true); setShowProjects(false); }; const handleProjectSelect = (project)=>setSelectedProject(project); return /*#__PURE__*/ React.createElement("div", { className: "font-sans p-4", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center border-b pb-2 mb-4", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "顧客情報チャット"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-600", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-minus mr-2", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("h2", { className: "mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, "見つかった顧客は下記です。顧客を選択し、下のオプションを選択してください"), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "customer", className: "mr-2", onChange: ()=>setSelectedCustomer('みずほ銀行'), __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }), "みずほ銀行"), /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "customer", className: "mr-2", onChange: ()=>setSelectedCustomer('みずほリサーチ＆テクノロジー'), __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }), "みずほリサーチ＆テクノロジー"), /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "customer", className: "mr-2", onChange: ()=>setSelectedCustomer('みずほ総合研究所'), __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }), "みずほ総合研究所")), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 mb-6", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center shadow-lg p-4 rounded-lg cursor-pointer", onClick: handleRevenueOptionClick, __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line text-yellow-500 mr-2", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "2024年度の事業本部ごとの売上高")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center shadow-lg p-4 rounded-lg cursor-pointer", onClick: handleDetailOptionClick, __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle text-yellow-500 mr-2", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "案件詳細情報"))), showRevenueInfo && selectedCustomer === 'みずほリサーチ＆テクノロジー' && /*#__PURE__*/ React.createElement("div", { className: "pb-4", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-4", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "みずほリサーチ＆テクノロジーの事業本部ごとの情報は下記です。"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "・金融事業本部"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "売上高：売上総利益："), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, "・公共事業本部"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "・全社"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "売上高：売上総利益：")), showProjects && selectedCustomer === 'みずほリサーチ＆テクノロジー' && /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-4", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, "みずほリサーチ＆テクノロジーの案件で下記の案件が見つかりました。案件を選択してください。"), /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "project", className: "mr-2", onClick: ()=>handleProjectSelect('【MHRT】年金・共済システムの保守及び開発作業支援'), __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }), "【MHRT】年金・共済システムの保守及び開発作業支援"), /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "project", className: "mr-2", onClick: ()=>handleProjectSelect('みずほ日計一括（53期）'), __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }), "みずほ日計一括（53期）"), /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "project", className: "mr-2", onClick: ()=>handleProjectSelect('みずほJHOME 基盤更改'), __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }), "みずほJHOME 基盤更改"), /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "project", className: "mr-2", onClick: ()=>handleProjectSelect('【52期】e-Notelessシステムの保守開発'), __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }), "【52期】e-Notelessシステムの保守開発")), selectedProject === '【52期】e-Notelessシステムの保守開発' && /*#__PURE__*/ React.createElement("div", { className: "pb-4", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-4", __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }, "【52期】e-Notelessシステムの保守開発プロジェクトの詳細情報は下記です。"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, "顧客名：　みずほリサーチ＆テクノロジーズ"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, "担当：　第二金融事業部・資産第一担当"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, "売上高：　3,500,000円"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, "売上総利益：　1,038,847円"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, "売上総利益率：　29.6%"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, "人月：　0.1"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, "@売上：　35,000,000円"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, "@利益：　10,388,470円")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center border-t pt-2 bg-[#f6f7f8] p-3 rounded-full", __source: { fileName: "", lineNumber: 99, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "顧客名を入力してください。", className: "w-full p-2 bg-[#f6f7f8] rounded-full border-transparent", name: "customerName", __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex items-center text-gray-500 ml-2", __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane p-2", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-smile p-2", __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this })))); }