function MainComponent() { const [urls, setUrls] = useState(""); const [results, setResults] = useState([]); const [isChecking, setIsChecking] = useState(false); const checkUrls = useCallback(async ()=>{ setIsChecking(true); const urlList = urls.split("\n").filter((url)=>url.trim()); const newResults = []; for (const url of urlList){ console.log(url); try { const response = await fetch(`${url}`); newResults.push({ url, status: response.status }); } catch (error) { newResults.push({ url, status: "Error" }); } } setResults(newResults); setIsChecking(false); }, [ urls ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-8", __source: { fileName: "", lineNumber: 32, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-6 font-roboto", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, "URL Status Checker"), /*#__PURE__*/ React.createElement("textarea", { className: "w-full h-40 p-4 mb-4 border rounded shadow-sm focus:ring-2 focus:ring-blue-500 focus:outline-none", placeholder: "Enter URLs (one per line)", value: urls, onChange: (e)=>setUrls(e.target.value), __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: checkUrls, disabled: isChecking || !urls.trim(), className: "bg-blue-500 text-white px-6 py-2 rounded hover:bg-blue-600 disabled:opacity-50 mb-6", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, isChecking ? "Checking..." : "Check URLs"), results.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4 font-roboto", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "Results"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, results.map((result, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex items-center justify-between p-3 bg-gray-50 rounded", __source: { fileName: "", lineNumber: 58, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "truncate flex-1", __source: { fileName: "", lineNumber: 62, columnNumber: 19 }, __self: this }, result.url), /*#__PURE__*/ React.createElement("span", { className: `ml-4 px-3 py-1 rounded ${result.status === 200 ? "bg-green-100 text-green-800" : result.status === "Error" ? "bg-red-100 text-red-800" : "bg-yellow-100 text-yellow-800"}`, __source: { fileName: "", lineNumber: 63, columnNumber: 19 }, __self: this }, result.status))))))); }