`); qrWindow.document.close(); } catch (error) { console.error("Error generating QR code:", error); } }; return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen", style: { backgroundColor: "white" } }, /* @__PURE__ */ React.createElement("div", { className: "w-[260px] p-3", style: { backgroundColor: "white" } }, /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement( "input", { type: "text", name: "url", value: url, onChange: (e) => setUrl(e.target.value), placeholder: "Voer het adres van de website in", className: "w-full px-2 py-1 border rounded focus:outline-none focus:ring-1 focus:ring-black text-sm", style: { color: "black", backgroundColor: "white", borderColor: "black" } } ), /* @__PURE__ */ React.createElement( "button", { onClick: generateQRCode, className: "w-full px-2 py-1 rounded transition-colors text-sm", style: { backgroundColor: "#e0d4bc", color: "black", border: "1px solid black" } }, "Maak QR code" )))); } var page_default = MainComponent; return __toCommonJS(page_exports); })();