function MainComponent() { const [domain, setDomain] = React.useState(''); const [result, setResult] = React.useState(null); const validateDomain = async ()=>{ const response = await fetch(`/integrations/domain-whois/whois?domain=${domain}`, { method: 'GET' }); const data = await response.json(); setResult(data); }; return /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-center font-bold text-lg my-4", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, "ドメイン検証ツール"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "domain", placeholder: "ドメインを入力", value: domain, onChange: (e)=>setDomain(e.target.value), className: "p-2 border rounded", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded", onClick: validateDomain, __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "ドメインを検証"), result && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 33, columnNumber: 18 }, __self: this }, "Domain:"), " ", result.domain), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 34, columnNumber: 18 }, __self: this }, "Valid:"), " ", result.valid ? 'Yes' : 'No'), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 35, columnNumber: 18 }, __self: this }, "Available:"), " ", result.available ? 'Yes' : 'No'), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 36, columnNumber: 18 }, __self: this }, "Created At:"), " ", result.created_at), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 37, columnNumber: 18 }, __self: this }, "Updated At:"), " ", result.updated_at), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 38, columnNumber: 18 }, __self: this }, "Expires At:"), " ", result.expires_at), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 39, columnNumber: 18 }, __self: this }, "Registrar:"), " ", result.registrar), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 40, columnNumber: 18 }, __self: this }, "Whois Server:"), " ", result.whois)))); }