function MainComponent() { const [emailValidationResult, setEmailValidationResult] = React.useState(null); React.useEffect(()=>{ fetch('/integrations/email-check-2/v1/email/verify?email=sample%40email.com', { method: 'GET' }).then((response)=>response.json()).then((data)=>setEmailValidationResult(data)); }, []); return /*#__PURE__*/ React.createElement("div", { className: "flex w-full", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col w-64 h-screen bg-[#F3F4F6]", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-5 font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-cubes text-xl", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }), " 製品管理システム"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-2 p-5", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-tachometer-alt mr-2", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }), " ダッシュボード"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-box-open mr-2", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }), " 製品管理"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-exchange-alt mr-2", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }), " ステータス管理"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-users mr-2", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }), " ユーザ管理"))), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-5 flex justify-between items-center border-b border-gray-200 bg-white", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "製品管理システム"), /*#__PURE__*/ React.createElement("button", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-question-circle", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }), " ヘルプ")), /*#__PURE__*/ React.createElement("div", { className: "p-5", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, emailValidationResult && /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, "Email Validation Result"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 44, columnNumber: 18 }, __self: this }, "Status:"), " ", emailValidationResult.status), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 45, columnNumber: 18 }, __self: this }, "Reason:"), " ", emailValidationResult.reason), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 46, columnNumber: 18 }, __self: this }, "Domain:"), " ", emailValidationResult.domain.name), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 47, columnNumber: 18 }, __self: this }, "Provider:"), " ", emailValidationResult.provider))))); }