function MainComponent() { const [documentContent, setDocumentContent] = React.useState(''); const [checkResult, setCheckResult] = React.useState(''); const [suggestions, setSuggestions] = React.useState(''); const checkDocument = (event)=>{ event.preventDefault(); const result = "ドキュメントのチェックが完了しました。"; setCheckResult(result); setSuggestions("ここに修正案を示します。"); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f2f5]", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md p-8 space-y-8 bg-white rounded-lg shadow-md", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold text-gray-900", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "リーガルチェックアプリ"), /*#__PURE__*/ React.createElement("p", { className: "font-light text-gray-600", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "ドキュメントの内容をチェックしましょう")), /*#__PURE__*/ React.createElement("form", { className: "mt-8 space-y-6", onSubmit: checkDocument, __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "rounded-md shadow-sm", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "document-content", rows: "5", className: "block w-full mt-1 border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500", placeholder: "ここにドキュメントの内容を貼り付けてください。", onChange: (e)=>setDocumentContent(e.target.value), value: documentContent, __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "flex justify-center w-full px-4 py-2 text-sm font-medium text-white bg-blue-600 border border-transparent rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, "チェック開始"))), checkResult && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 mt-4 text-sm text-gray-700 bg-green-100 rounded-md", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, checkResult), /*#__PURE__*/ React.createElement("div", { className: "p-4 mt-4 text-sm text-gray-700 bg-yellow-100 rounded-md", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, suggestions)))); }