function MainComponent() { const [domain, setDomain] = useState(""); const [result, setResult] = useState(null); const [loading, setLoading] = useState(false); const checkDomain = useCallback(async ()=>{ if (!domain) return; setLoading(true); setResult(null); const cleanDomain = domain.replace(/^https?:\/\//, "").replace(/\/.*$/, ""); try { const response = await fetch(`https://rdap.verisign.com/com/v1/domain/${cleanDomain}`); const data = await response.json(); if (data.events && data.events.length > 0) { const registrationEvent = data.events.find((event)=>event.eventAction === "registration"); if (registrationEvent) { const registrationDate = new Date(registrationEvent.eventDate); const age = Math.floor((new Date() - registrationDate) / (1000 * 60 * 60 * 24 * 365)); setResult({ age, date: registrationDate.toLocaleDateString() }); } } } catch (error) { setResult({ error: "Unable to check this domain" }); } setLoading(false); }, [ domain ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 p-4", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-xl mx-auto space-y-8 mt-16", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center space-y-4", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-indigo-900 font-montserrat", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "Domain Age Checker"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-poppins", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Check how old any domain is")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-6 space-y-4", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: domain, onChange: (e)=>setDomain(e.target.value), placeholder: "Enter domain name (e.g., example.com)", className: "flex-1 px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500 font-poppins", name: "domain", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: checkDomain, disabled: loading || !domain, className: `px-6 py-2 rounded-lg font-semibold text-white ${loading || !domain ? "bg-indigo-300" : "bg-indigo-600 hover:bg-indigo-700"} transition-colors font-poppins`, __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-circle-notch fa-spin", __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }) : "Check")), result && /*#__PURE__*/ React.createElement("div", { className: "mt-6 p-4 rounded-lg bg-gray-50", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, result.error ? /*#__PURE__*/ React.createElement("p", { className: "text-red-500 font-poppins", __source: { fileName: "", lineNumber: 80, columnNumber: 17 }, __self: this }, result.error) : /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 82, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 font-poppins", __source: { fileName: "", lineNumber: 83, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 84, columnNumber: 21 }, __self: this }, "Domain Age:"), " ", result.age, " years"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 font-poppins", __source: { fileName: "", lineNumber: 87, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 88, columnNumber: 21 }, __self: this }, "Registration Date:"), " ", result.date)))))); }