https://flottegulve.lovable.app/assets/KampagneV3Nyhedsbrev-Drwq68nl.js

1import{u as w,r as u,j as e}from"./index-If4P5t44.js";import{s as F}from"./server.browser-DD05D_C5.js";import{B as c}from"./button-CO1UM39t.js";import{u as h}from"./index-fwc8i9GA.js";import{b as S,o as C,a as E,c as N,k as D,s as z,w as L,d as A,v as H,e as R,f as T,g as W}from"./valkenburg-91-BMdBjKqo.js";import{A as B}from"./arrow-left-gN1P5YyH.js";import{E as P}from"./eye-BTPXd-EH.js";import{D as M}from"./download-B5Hzb1jP.js";import{C as X}from"./copy-DaFUdEyl.js";import"./utils-ClF6eiV5.js";const y="https://flottegulve.lovable.app",s="https://flottegulve.dk/shop/800-coretec-xl-end",g=`${y}/kampagne-v3`,t={gold:"#C4914A",goldLight:"#D4B87A",goldDark:"#A67839",charcoal:"#1a1208",charcoal2:"#2D2520",bg:"#FAF8F5",card:"#FFFFFF",text:"#3D3630",textMuted:"#6B5D52",border:"#E8E2DC"},i="'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",O=[{icon:"📏",title:"Ekstra lange planker",desc:"Op til 305 mm for et sømløst, premium look."},{icon:"💧",title:"100% vandtæt",desc:"SPC-kerne tåler spild og fugt — også i vådrum."},{icon:"🛡️",title:"Erhvervsklasse AC5",desc:"Klasse 33 til hård kommerciel brug."},{icon:"🔇",title:"Akustisk komfort",desc:"Underlag reducerer trinlyd op til 22 dB."},{icon:"✨",title:"Let vedligehold",desc:"Ingen olie, ingen lak — bare fej og mop."},{icon:"🏆",title:"25 års garanti",desc:"Erhvervsgaranti på hver eneste planke."}],$=[{src:E,name:"Alhambra",code:"50 LVREXL 5183",url:`${s}/17967-coretec-xl-end-vinylplank---alhambra---2100-x-228-x-15-mm/`},{src:N,name:"Chambord",code:"50 LVREXL 4358",url:`${s}/17963-coretec-xl-end-vinylplank---chambord---2100-x-305-x-15-mm/`},{src:D,name:"Kylemore",code:"50 LVREXL 4355",url:`${s}/17965-coretec-xl-end-vinylplank---kylemore-2100-x-305-x-15-mm/`},{src:z,name:"Saumur",code:"50 LVREXL 4384",url:`${s}/17964-coretec-xl-end-vinylplank---saumur---2100-x-305-x-15-mm/`},{src:L,name:"Windsor",code:"50 LVREXL 2683",url:`${s}/17973-coretec-xl-end-vinylplank---windsor---2100-x-228-x-15-mm/`},{src:A,name:"Belvoir",code:"50 LVREXL 2594",url:`${s}/17971-coretec-xl-end-vinylplank---belvoir---2100-x-228-x-15-mm/`}],I=[H,R,T,W],x=({href:n,label:l,bg:r=t.gold,color:m="#FFFFFF",border:o=!1})=>e.jsx("table",{role:"presentation",cellPadding:0,cellSpacing:0,border:0,style:{margin:"0 auto"},children:e.jsx("tbody",{children:e.jsx("tr",{children:e.jsx("td",{align:"center",style:{backgroundColor:o?"transparent":r,borderRadius:"4px",border:o?`2px solid ${r}`:"none",padding:0},children:e.jsxs("a",{href:n,target:"_blank",rel:"noopener noreferrer",style:{display:"inline-block",padding:"14px 32px",fontFamily:i,fontSize:"16px",fontWeight:700,color:o?r:m,textDecoration:"none",borderRadius:"4px",letterSpacing:"0.02em"},children:[l,"  →"]})})})})}),b=()=>e.jsx("table",{role:"presentation",cellPadding:0,cellSpacing:0,border:0,width:"100%",style:{backgroundColor:t.bg,fontFamily:i,borderCollapse:"collapse"},children:e.jsx("tbody",{children:e.jsx("tr",{children:e.jsxs("td",{align:"center",style:{padding:0},children:[e.jsx("div",{style:{display:"none",fontSize:"1px",color:t.bg,lineHeight:"1px",maxHeight:0,maxWidth:0,opacity:0,overflow:"hidden"},children:"COREtec XL-END — erhvervsgulve uden kompromis. 305 mm planker, 100% vandtæt, 25 års garanti."}),e.jsx("table",{role:"presentation",cellPadding:0,cellSpacing:0,border:0,width:"600",align:"center",className:"email-container",style:{width:"600px",maxWidth:"600px",margin:"0 auto",backgroundColor:t.card,borderCollapse:"collapse"},children:e.jsxs("tbody",{children:[e.jsx("tr",{children:e.jsx("td",{style:{backgroundColor:t.charcoal,padding:"18px 24px",textAlign:"center"},children:e.jsx("span",{style:{display:"inline-block",fontFamily:i,fontSize:"11px",fontWeight:700,letterSpacing:"0.25em",textTransform:"uppercase",color:t.goldLight},children:"✦ FlotteGulve.dk · Erhvervs Kampagne ✦"})})}),e.jsx("tr",{children:e.jsx("td",{style:{padding:0,lineHeight:0,fontSize:0},children:e.jsx("img",{src:S,alt:"COREtec XL-END — premium erhvervsrum",width:"600",style:{display:"block",width:"100%",maxWidth:"600px",height:"auto",border:0}})})}),e.jsx("tr",{children:e.jsxs("td",{style:{backgroundColor:t.charcoal2,padding:"40px 32px",textAlign:"center"},children:[e.jsxs("h1",{style:{margin:"0 0 8px",fontFamily:i,fontSize:"34px",fontWeight:700,lineHeight:1.15,color:"#FFFFFF",letterSpacing:"-0.01em"},children:["COREtec ",e.jsx("span",{style:{color:t.goldLight},children:"XL-END"})]}),e.jsx("p",{style:{margin:"0 0 18px",fontFamily:i,fontSize:"18px",fontWeight:500,color:"rgba(255,255,255,0.92)",lineHeight:1.3},children:"Erhvervsgulve uden kompromis"}),e.jsx("p",{style:{margin:"0 auto 28px",maxWidth:"460px",fontFamily:i,fontSize:"15px",lineHeight:1.6,color:"rgba(255,255,255,0.78)"},children:"Ekstra lange 305 mm planker, AC5 erhvervsklasse og 100% vandtæt — leveret af FlotteGulve.dk i hoteller, kontorer og premium ejendomme i hele Danmark."}),e.jsx(x,{href:s,label:"Se hele XL-END sortimentet",bg:t.gold})]})}),e.jsx("tr",{children:e.jsxs("td",{style:{padding:"48px 24px 16px",textAlign:"center"},children:[e.jsx("span",{style:{display:"inline-block",fontFamily:i,fontSize:"11px",fontWeight:700,letterSpacing:"0.25em",textTransform:"uppercase",color:t.goldDark,marginBottom:"10px"},children:"Produktegenskaber"}),e.jsx("h2",{style:{margin:0,fontFamily:i,fontSize:"26px",fontWeight:700,lineHeight:1.2,color:t.text,letterSpacing:"-0.01em"},children:"Bygget med erhvervsprojekter i tankerne"})]})}),e.jsx("tr",{children:e.jsx("td",{style:{padding:"16px 24px 8px"},children:e.jsx("table",{role:"presentation",cellPadding:0,cellSpacing:0,border:0,width:"100%",children:e.jsx("tbody",{children:[0,2,4].map(n=>

1e.jsx("tr",{children:[0,1].map(l=>{const r=O[n+l];return r?e.jsx("td",{width:"270",valign:"top",className:"product-grid-cell",style:{width:"270px",padding:"12px",verticalAlign:"top"},children:e.jsx("table",{role:"presentation",cellPadding:0,cellSpacing:0,border:0,width:"100%",children:e.jsx("tbody",{children:e.jsx("tr",{children:e.jsxs("td",{style:{backgroundColor:"#FDF9F3",border:`1px solid ${t.border}`,borderRadius:"10px",padding:"20px"},children:[e.jsx("div",{style:{fontSize:"28px",lineHeight:1,marginBottom:"10px"},children:r.icon}),e.jsx("div",{style:{fontFamily:i,fontSize:"16px",fontWeight:700,color:t.text,marginBottom:"4px"},children:r.title}),e.jsx("div",{style:{fontFamily:i,fontSize:"13px",lineHeight:1.5,color:t.textMuted},children:r.desc})]})})})})},l):e.jsx("td",{},l)})},n))})})})}),e.jsx("tr",{children:e.jsxs("td",{style:{padding:"48px 24px 8px",textAlign:"center"},children:[e.jsx("span",{style:{display:"inline-block",fontFamily:i,fontSize:"11px",fontWeight:700,letterSpacing:"0.25em",textTransform:"uppercase",color:t.goldDark,marginBottom:"10px"},children:"Sortimentet"}),e.jsx("h2",{style:{margin:0,fontFamily:i,fontSize:"26px",fontWeight:700,lineHeight:1.2,color:t.text,letterSpacing:"-0.01em"},children:"Mange nuancer — ét premium gulv"}),e.jsx("p",{style:{margin:"10px auto 0",maxWidth:"440px",fontFamily:i,fontSize:"14px",lineHeight:1.5,color:t.textMuted},children:"Et udvalg af vores mest populære XL-END dekorer. Klik for at se produktet i shoppen."})]})}),e.jsx("tr",{children:e.jsx("td",{style:{padding:"20px 16px 8px"},children:e.jsx("table",{role:"presentation",cellPadding:0,cellSpacing:0,border:0,width:"100%",children:e.jsx("tbody",{children:[0,3].map(n=>e.jsx("tr",{children:[0,1,2].map(l=>{const r=$[n+l];return r?e.jsx("td",{width:"180",valign:"top",className:"product-grid-cell",style:{width:"180px",padding:"8px",verticalAlign:"top"},children:e.jsx("a",{href:r.url,target:"_blank",rel:"noopener noreferrer",style:{textDecoration:"none",color:"inherit"},children:e.jsx("table",{role:"presentation",cellPadding:0,cellSpacing:0,border:0,width:"100%",children:e.jsx("tbody",{children:e.jsx("tr",{children:e.jsxs("td",{style:{border:`1px solid ${t.border}`,borderRadius:"10px",overflow:"hidden",backgroundColor:t.card},children:[e.jsx("img",{src:r.src,alt:`${r.name} — ${r.code}`,width:"180",className:"product-card-img",style:{display:"block",width:"100%",height:"auto",border:0}}),e.jsxs("div",{style:{padding:"12px 14px"},children:[e.jsx("div",{style:{fontFamily:i,fontSize:"15px",fontWeight:700,color:t.text,marginBottom:"2px"},children:r.name}),e.jsx("div",{style:{fontFamily:i,fontSize:"11px",color:t.textMuted,letterSpacing:"0.06em",textTransform:"uppercase",marginBottom:"8px"},children:r.code}),e.jsx("div",{style:{fontFamily:i,fontSize:"12px",fontWeight:700,color:t.goldDark},children:"Se i shop →"})]})]})})})})})},l):e.jsx("td",{},l)})},n))})})})}),e.jsx("tr",{children:e.jsx("td",{align:"center",style:{padding:"16px 24px 8px"},children:e.jsx(x,{href:s,label:"Se alle dekorer",bg:t.gold})})}),e.jsx("tr",{children:e.jsx("td",{style:{padding:"48px 0 0"},children:e.jsx("table",{role:"presentation",cellPadding:0,cellSpacing:0,border:0,width:"100%",style:{backgroundColor:"#FDF9F3"},children:e.jsxs("tbody",{children:[e.jsx("tr",{children:e.jsxs("td",{style:{padding:"32px 24px 12px",textAlign:"center"},children:[e.jsx("span",{style:{display:"inline-block",fontFamily:i,fontSize:"11px",fontWeight:700,letterSpacing:"0.25em",textTransform:"uppercase",color:t.goldDark,marginBottom:"10px"},children:"Reference"}),e.jsx("h2",{style:{margin:0,fontFamily:i,fontSize:"24px",fontWeight:700,lineHeight:1.2,color:t.text},children:"The Ostendian Hotel"}),e.jsx("p",{style:{margin:"6px 0 0",fontFamily:i,fontSize:"12px",letterSpacing:"0.12em",textTransform:"uppercase",color:t.textMuted},children:"Oostende, Belgien · XL-END Chantilly"})]})}),e.jsx("tr",{children:e.jsx("td",{style:{padding:"16px 24px",lineHeight:0,fontSize:0},children:e.jsx("img",{src:C,alt:"The Ostendian Hotel — COREtec XL-END Chantilly",width:"552",style:{display:"block",width:"100%",maxWidth:"552px",height:"auto",border:0,borderRadius:"8px"}})})}),e.jsx("tr",{children:e.jsxs("td",{style:{padding:"8px 32px 32px"},children:[e.jsx("p",{style:{margin:"0 0 18px",fontFamily:i,fontSize:"15px",lineHeight:1.6,color:t.text},children:"Boutique-hotel hvor lange planker i en varm, lys nuance binder restaurant, lobby og lounge sammen til ét helstøbt designsprog."}),e.jsxs("blockquote",{style:{margin:0,padding:"12px 0 12px 18px",borderLeft:`3px solid ${t.gold}`,fontFamily:i,fontSize:"15px",fontStyle:"italic",lineHeight:1.5,color:t.text},children:['"Vi ville have et gulv der ser fantastisk ud — og overlever 365 dages drift. XL-END leverede begge dele."',e.jsx("div",{style:{marginTop:"8px",fontFamily:i,fontSize:"12px",fontStyle:"normal",color:t.textMuted},children:"— Interior Designer, Ostendian"})]})]})})]})})})}),e.jsx("tr",{children:e.jsxs("td",{style:{padding:"48px 24px 8px",textAlign:"center"},children:[e.jsx("span",{style:{display:"inline-block",fontFamily:i,fontSize:"11px",fontWeight:700,letterSpacing:"0.25em",textTransform:"uppercase",color:t.goldDark,marginBottom:"10px"},children:"Visuelt galleri"}),e.jsx("h2",{style:{margin:0,fontFamily:i,fontSize:"26px",fontWeight:700,lineHeight:1.2,color:t.text,letterSpacing:"-0.01em"},children:"Se XL-END i funktion"})]})}),e.jsx("tr",{children:e.jsx("td",{style:{padding:"16px 16px 8px"},children:e.jsx("table",{role:"presentation",cellPadding:0,cellSpacing:0,border:0,width:"100%",children:e.jsx("tbody",{children:[0,2].map(n=>

1e.jsx("tr",{children:[0,1].map(l=>{const r=I[n+l];return r?e.jsx("td",{width:"276",valign:"top",className:"product-grid-cell",style:{width:"276px",padding:"6px",verticalAlign:"top",lineHeight:0,fontSize:0},children:e.jsx("img",{src:r,alt:`COREtec XL-END projekt ${n+l+1}`,width:"276",className:"product-card-img",style:{display:"block",width:"100%",height:"auto",border:0,borderRadius:"6px"}})},l):e.jsx("td",{},l)})},n))})})})}),e.jsx("tr",{children:e.jsx("td",{style:{padding:"48px 0 0"},children:e.jsx("table",{role:"presentation",cellPadding:0,cellSpacing:0,border:0,width:"100%",style:{backgroundColor:t.charcoal},children:e.jsx("tbody",{children:e.jsx("tr",{children:e.jsxs("td",{style:{padding:"44px 32px",textAlign:"center"},children:[e.jsx("h2",{style:{margin:"0 0 10px",fontFamily:i,fontSize:"26px",fontWeight:700,lineHeight:1.2,color:"#FFFFFF",letterSpacing:"-0.01em"},children:"Klar til at specificere XL-END i jeres næste projekt?"}),e.jsx("p",{style:{margin:"0 auto 26px",maxWidth:"440px",fontFamily:i,fontSize:"15px",lineHeight:1.55,color:"rgba(255,255,255,0.75)"},children:"Bestil gratis prøver, book en konsultation eller udforsk hele kampagnesiden."}),e.jsx("table",{role:"presentation",cellPadding:0,cellSpacing:0,border:0,align:"center",style:{margin:"0 auto"},children:e.jsxs("tbody",{children:[e.jsx("tr",{children:e.jsx("td",{style:{padding:"0 6px 10px"},children:e.jsx(x,{href:g,label:"Bestil gratis prøver",bg:t.gold})})}),e.jsx("tr",{children:e.jsx("td",{style:{padding:"0 6px"},children:e.jsx(x,{href:g,label:"Se hele kampagnen",bg:t.goldLight,border:!0})})})]})})]})})})})})}),e.jsx("tr",{children:e.jsxs("td",{style:{padding:"28px 24px",textAlign:"center",backgroundColor:t.card},children:[e.jsx("p",{style:{margin:"0 0 6px",fontFamily:i,fontSize:"13px",fontWeight:700,color:t.text},children:"FlotteGulve.dk A/S"}),e.jsx("p",{style:{margin:"0 0 10px",fontFamily:i,fontSize:"12px",lineHeight:1.5,color:t.textMuted},children:"Lagerførende importør af COREtec XL-END og premium erhvervsgulve."}),e.jsxs("p",{style:{margin:"0 0 4px",fontFamily:i,fontSize:"12px",color:t.textMuted},children:[e.jsx("a",{href:"https://flottegulve.dk",style:{color:t.goldDark,textDecoration:"none",fontWeight:600},children:"flottegulve.dk"})," · ",e.jsx("a",{href:g,style:{color:t.goldDark,textDecoration:"none",fontWeight:600},children:"Se kampagnen online"})]}),e.jsxs("p",{style:{margin:"8px 0 0",fontFamily:i,fontSize:"11px",color:"#9A918A"},children:["© ",new Date().getFullYear()," FlotteGulve.dk · Alle rettigheder forbeholdes."]})]})})]})})]})})})}),K=n=>`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" lang="da">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6<meta http-equiv="X-UA-Compatible" content="IE=edge" />
7<meta name="x-apple-disable-message-reformatting" />
8<meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
9<meta name="color-scheme" content="light dark" />
10<meta name="supported-color-schemes" content="light dark" />
11<title>COREtec XL-END — Erhvervs Kampagne</title>
12<!--[if mso]>
13<xml><o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch><o:AllowPNG/></o:OfficeDocumentSettings></xml>
14<![endif]-->
15<style type="text/css">
16html, body { margin: 0 !important; padding: 0 !important; height: 100% !important; width: 100% !important; }
17body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; mso-line-height-rule: exactly; }
18* { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
19table, td { mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-collapse: collapse !important; }
20img { -ms-interpolation-mode: bicubic; border: 0; outline: none; text-decoration: none; max-width: 100%; height: auto; line-height: 100%; }
21a { text-decoration: none; }
22a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; }
23u + .body .gmail-fix { width: 100% !important; }
24div[style*="margin: 16px 0"] { margin: 0 !important; }
25@media only screen and (max-width: 600px) {
26  .email-container, table.email-container { width: 100% !important; max-width: 100% !important; }
27  table[width="600"] { width: 100% !important; max-width: 100% !important; }
28  .product-grid-cell { width: 100% !important; max-width: 100% !important; display: block !important; padding: 8px 16px !important; box-sizing: border-box !important; }
29  .product-card-img { width: 100% !important; height: auto !important; max-width: 100% !important; }
30  h1 { font-size: 28px !important; line-height: 1.2 !important; }
31  h2 { font-size: 22px !important; line-height: 1.3 !important; }
32  td[width="270"], td[width="180"], td[width="276"] { display: block !important; width: 100% !important; max-width: 100% !important; }
33}
34</style>
35</head>
36<body class="body" style="margin:0;padding:0;background-color:#FAF8F5;width:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
37<center style="width:100%;background-color:#FAF8F5;">
38<!--[if mso | IE]>
39<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;"><tr><td>
40<![endif]-->
41<div class="gmail-fix" style="max-width:600px;margin:0 auto;">
42${n}
43</div>
44<!--[if mso | IE]>
45</td></tr></table>
46<![endif]-->
47</center>
48</body>
49</html>`,te=()=>{const n=w(),[l,r]=u.useState(null),m=()=>{let a=F.renderToStaticMarkup(e.jsx(b,{}));return a=a.replace(/(<img[^>]*\ssrc=["'])(?!https?:|data:|cid:)([^"']+)/gi,(f,p,d)=>`${p}${y}/${d.replace(/^\/+/,"")}`),a},o=u.useMemo(()=>K(m()),[]),j=async()=>{try{await navigator.clipboard.writeText(o),h.success("HTML kopieret",{description:'Paste i Mailchimp via "Code your own → Paste in code".'})}catch{r(o),h.info("Kopier manuelt",{description:"Preview blokerer auto-kopi. Markér tekst i boksen og tryk Cmd/Ctrl+C."})}},v=()=>{if((()=>{try{return window.self!==window.top}catch{return!0}})()){r(o),h.info("Download blokeret i preview",{description:"Kopier HTML fra boksen i stedet."});return}const f=new Blob([o],{type:"text/html;charset=utf-8"}),p=URL.createObjectURL(f),d=document.createElement("a");d.href=p,d.download="kampagne-v3-nyhedsbrev.html",document.body.appendChild(d),d.click(),document.body.removeChild(d),setTimeout(()=>URL.revokeObjectURL(p),1e3)},k=()=>{sessionStorage.setItem("newsletter-preview-html",o),n("/newsletter-preview")};return e.jsxs("div",{className:"min-h-screen bg-muted/30",children:[e.jsxs("div",{className:"sticky top-0 z-50 border-b border-border bg-background/95 backdrop-blur px-6 py-3 flex items-center justify-between flex-wrap gap-3",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs(c,{variant:"ghost",size:"sm",onClick:()=>n("/kampagne-v3"),children:[e.jsx(B,{className:"w-4 h-4 mr-2"}),"Tilbage til /kampagne-v3"]}),e.jsxs("div",{children:[e.jsx("h1",{className:"text-base font-bold text-foreground leading-tight",children:"COREtec XL-END — Nyhedsbrev"}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"Klar til Mailchimp · 600px tabel-baseret HTML"})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(c,{variant:"outline",size:"sm",onClick:k,children:[e.jsx(P,{className:"w-4 h-4 mr-2"}),"Test i email-clients"]}),e.jsxs(c,{variant:"outline",size:"sm",onClick:v,children:[e.jsx(M,{className:"w-4 h-4 mr-2"}),"Download HTML"]}),e.jsxs(c,{size:"sm",onClick:j,className:"bg-[#C4914A] hover:bg-[#A67839] text-white",children:[e.jsx(X,{className:"w-4 h-4 mr-2"}),"Kopier til Mailchimp"]})]})]}),e.jsx("div",{className:"max-w-3xl mx-auto px-6 pt-6",children:e.jsxs("div",{className:"rounded-lg border border-border bg-card p-4 text-sm text-muted-foreground",children:[e.jsx("strong",{className:"text-foreground",children:"Sådan bruger du nyhedsbrevet i Mailchimp:"})," ","Klik ",e.jsx("em",{children:"Kopier til Mailchimp"})," → opret en ny kampagne i Mailchimp → vælg ",e.jsx("em",{children:"Design Email → Code your own → Paste in code"})," → indsæt. Billeder hentes fra ",e.jsx("code",{children:"flottegulve.lovable.app"}),"."]})}),e.jsx("div",{className:"py-8 px-4 flex justify-center",children:e.jsx("div",{className:"shadow-2xl",children:e.jsx(b,{})})}),l&&e.jsx("div",{className:"fixed inset-0 z-[100] bg-black/60 flex items-center justify-center p-4",onClick:()=>r(null),children:e.jsxs("div",{className:"bg-background rounded-lg max-w-3xl w-full max-h-[80vh] flex flex-col",onClick:a=>a.stopPropagation(),children:[e.jsxs("div",{className:"px-5 py-3 border-b border-border flex items-center justify-between",children:[e.jsx("h3",{className:"font-semibold",children:"HTML — markér og kopier (Cmd/Ctrl+A → Cmd/Ctrl+C)"}),e.jsx(c,{variant:"ghost",size:"sm",onClick:()=>r(null),children:"Luk"})]}),e.jsx("textarea",{readOnly:!0,value:l,className:"flex-1 w-full p-4 font-mono text-xs bg-muted/50 resize-none focus:outline-none",onFocus:a=>a.currentTarget.select()})]})})]})};export{te as default};