function MainComponent() { const [message, setMessage] = React.useState(""); const [showModal, setShowModal] = React.useState(true); const [selectedOption, setSelectedOption] = React.useState(""); const handleChange = (e)=>{ setMessage(e.target.value); }; const handleKeyPress = (e)=>{ if (e.key === "Enter" && !e.shiftKey) { e.preventDefault(); setMessage(""); } }; const handleClose = ()=>setShowModal(false); const handleShow = ()=>setShowModal(true); const handleOptionChange = (e)=>{ setSelectedOption(e.target.value); }; return /*#__PURE__*/ React.createElement(React.Fragment, null, showModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 flex items-center justify-center bg-black bg-opacity-50", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white w-[95%] sm:w-[600px] rounded-lg p-6", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-right mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleClose, className: "text-[#a0a0a0] text-xl", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, "×")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, [ 'みずほ総合研究所', 'みずほリサーチ＆テクノロジー', 'みずほ銀行' ].map((option)=>/*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-2", key: option, __source: { fileName: "", lineNumber: 35, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "company-option", value: option, checked: selectedOption === option, onChange: handleOptionChange, className: "mr-2", __source: { fileName: "", lineNumber: 36, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 44, columnNumber: 19 }, __self: this }, option)))), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-[#f5f5f5] p-2 rounded-full shadow flex items-center", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paperclip text-xl text-gray-400 ml-4", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "chat-input", className: "w-full p-4 bg-transparent border-none outline-none text-gray-500 font-roboto", placeholder: "ChatGPT にメッセージを送信する", value: message, onChange: handleChange, onKeyPress: handleKeyPress, __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-[40px] h-[40px] flex justify-center items-center rounded-full bg-[#2d2d2d] mr-4", __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-up text-xl text-[#f5f5f5]", __source: { fileName: "", lineNumber: 59, columnNumber: 17 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen bg-gray-100", __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleShow, className: "bg-blue-500 text-white p-2 rounded", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, "Open Modal"))); }