function MainComponent() { const [keyGenerated, setKeyGenerated] = React.useState(false); const [privateKey, setPrivateKey] = React.useState(''); const generateKey = ()=>{ // In a real application, this would be a secure key generation process const mockPrivateKey = "-----BEGIN RSA PRIVATE KEY-----\nMIIEowIBAAKCAQEAy8Dbv8prpJ/0kKhlGeJYozo2t60EG8L0561g13R29LvMR5hy\n-----END RSA PRIVATE KEY-----"; setPrivateKey(mockPrivateKey); setKeyGenerated(true); }; const downloadKey = ()=>{ const element = document.createElement("a"); const file = new Blob([ privateKey ], { type: 'text/plain' }); element.href = URL.createObjectURL(file); element.download = "id_rsa"; document.body.appendChild(element); element.click(); document.body.removeChild(element); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 py-6 flex flex-col justify-center sm:py-12", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative py-3 sm:max-w-xl sm:mx-auto", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-cyan-400 to-light-blue-500 shadow-lg transform -skew-y-6 sm:skew-y-0 sm:-rotate-6 sm:rounded-3xl", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative px-4 py-10 bg-white shadow-lg sm:rounded-3xl sm:p-20", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, "SSH秘密鍵ダウンロード")), /*#__PURE__*/ React.createElement("div", { className: "divide-y divide-gray-200", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "py-8 text-base leading-6 space-y-4 text-gray-700 sm:text-lg sm:leading-7", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text", __source: { fileName: "", lineNumber: 33, columnNumber: 17 }, __self: this }, "安全な SSH 秘密鍵を生成してダウンロードします。"), !keyGenerated ? /*#__PURE__*/ React.createElement("button", { onClick: generateKey, className: "bg-cyan-500 hover:bg-cyan-600 text-white font-bold py-2 px-4 rounded transition duration-300", __source: { fileName: "", lineNumber: 35, columnNumber: 19 }, __self: this }, "鍵を生成") : /*#__PURE__*/ React.createElement("button", { onClick: downloadKey, className: "bg-green-500 hover:bg-green-600 text-white font-bold py-2 px-4 rounded transition duration-300", __source: { fileName: "", lineNumber: 42, columnNumber: 19 }, __self: this }, "秘密鍵をダウンロード"))))))); }