function MainComponent() { const [url, setUrl] = useState(""); const [isLoading, setIsLoading] = useState(false); const [results, setResults] = useState(null); const [error, setError] = useState(null); const handleSubmit = async ()=>{ if (!url) { setError("Voer een geldige URL in"); return; } setIsLoading(true); setError(null); try { const response = await fetch("/api/find-duplicates", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ url }) }); const data = await response.json(); if (data.error) { throw new Error(data.error); } setResults(data); } catch (err) { setError("Er is een fout opgetreden bij het controleren van de website. Probeer het opnieuw."); console.error("Error checking duplicates:", err); } finally{ setIsLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white p-4 md:p-8", __source: { fileName: "", lineNumber: 40, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8 text-center", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-bold text-black mb-4", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "Dubbele Content Checker"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "Vind en verbeter dubbele content op je website om de SEO en gebruikerservaring te verbeteren")), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-4", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "url", value: url, onChange: (e)=>setUrl(e.target.value), placeholder: "Voer website URL in (bijv: https://example.com)", className: "flex-1 p-3 border border-gray-200 rounded-lg text-black", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSubmit, disabled: isLoading || !url, className: "px-6 py-3 bg-[#00D1A0] text-white rounded-lg hover:bg-[#00b88f] disabled:opacity-50 transition-colors", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, isLoading ? /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center", __source: { fileName: "", lineNumber: 66, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-circle-notch fa-spin mr-2", __source: { fileName: "", lineNumber: 67, columnNumber: 19 }, __self: this }), "Bezig met controleren...") : "Controleer op dubbele content"))), error && /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-red-50 border border-red-100 rounded-lg text-red-700", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }), error), isLoading && /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-600", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, "Website wordt geanalyseerd...")), results?.duplicates && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#00D1A0]/10 border border-[#00D1A0]/20 rounded-lg text-[#00D1A0]", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mr-2", __source: { fileName: "", lineNumber: 93, columnNumber: 15 }, __self: this }), "Analyse voltooid! ", results.duplicates.length, " dubbele content gevonden"), results.duplicates.map((duplicate, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-6 border border-gray-200 rounded-lg", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 103, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium text-black", __source: { fileName: "", lineNumber: 104, columnNumber: 19 }, __self: this }, "Overeenkomst: ", duplicate.similarityPercentage, "%"), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 107, columnNumber: 19 }, __self: this }, "Locaties: ", duplicate.position1 + 1, " en", " ", duplicate.position2 + 1)), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 113, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-3 bg-gray-50 rounded", __source: { fileName: "", lineNumber: 114, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-black", __source: { fileName: "", lineNumber: 115, columnNumber: 21 }, __self: this }, duplicate.text1)), /*#__PURE__*/ React.createElement("div", { className: "p-3 bg-gray-50 rounded", __source: { fileName: "", lineNumber: 117, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-black", __source: { fileName: "", lineNumber: 118, columnNumber: 21 }, __self: this }, duplicate.text2))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-3 bg-[#00D1A0]/10 rounded", __source: { fileName: "", lineNumber: 122, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-sm font-medium text-[#00D1A0] mb-2", __source: { fileName: "", lineNumber: 123, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lightbulb mr-2", __source: { fileName: "", lineNumber: 124, columnNumber: 21 }, __self: this }), "Suggesties"), /*#__PURE__*/ React.createElement("ul", { className: "text-sm text-black list-disc ml-5", __source: { fileName: "", lineNumber: 127, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 128, columnNumber: 21 }, __self: this }, "Herschrijf een van de secties om unieke waarde toe te voegen"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 132, columnNumber: 21 }, __self: this }, "Overweeg de secties samen te voegen als ze hetzelfde onderwerp behandelen"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 136, columnNumber: 21 }, __self: this }, "Voeg interne links toe tussen gerelateerde content")))))), results?.duplicates?.length === 0 && /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#00D1A0]/10 border border-[#00D1A0]/20 rounded-lg text-[#00D1A0]", __source: { fileName: "", lineNumber: 145, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mr-2", __source: { fileName: "", lineNumber: 146, columnNumber: 13 }, __self: this }), "Geen dubbele content gevonden! Je content lijkt uniek te zijn."))); }