https://www.courier.com/_next/static/chunks/246.af286a9879af1c4b.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[246],{20246:(e,t,i)=>{i.r(t),i.d(t,{default:()=>y});var r=i(37876),s=i(14232),a=i(12559),n=i(20404),l=i(15648),o=i(21189),c=i(97500),d=i(65457),h=i(47401),p=i(58686);let x={subject:35,preview:45},u=()=>(0,r.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"#5F6368","aria-hidden":!0,style:{flexShrink:0},children:(0,r.jsx)("path",{d:"M12 1.5c.34 3.2 1.2 5.5 2.6 6.9 1.4 1.4 3.7 2.26 6.9 2.6-3.2.34-5.5 1.2-6.9 2.6-1.4 1.4-2.26 3.7-2.6 6.9-.34-3.2-1.2-5.5-2.6-6.9-1.4-1.4-3.7-2.26-6.9-2.6 3.2-.34 5.5-1.2 6.9-2.6C10.8 7 11.66 4.7 12 1.5Z"})}),g=(e,t)=>e.length>t?`${e.slice(0,t-1)}…`:e,m=()=>(0,r.jsx)("svg",{width:"22",height:"22",viewBox:"0 0 100 100",fill:"#FFFFFF","aria-hidden":!0,children:(0,r.jsx)("path",{d:"M1.225 61.523c-.222-.949.908-1.546 1.597-.857l36.512 36.512c.69.69.092 1.82-.857 1.597-18.425-4.323-32.93-18.827-37.252-37.252ZM.002 46.889a.99.99 0 0 0 .29.76L52.35 99.71c.201.2.478.307.76.29 2.37-.149 4.695-.46 6.963-.927.765-.157 1.03-1.096.478-1.648L2.576 39.448c-.552-.551-1.491-.286-1.648.479a50.067 50.067 0 0 0-.926 6.962ZM4.21 29.705a.988.988 0 0 0 .208 1.1l64.776 64.776c.289.29.726.375 1.1.208a49.908 49.908 0 0 0 5.185-2.684.981.981 0 0 0 .183-1.54L8.436 24.336a.981.981 0 0 0-1.541.183 49.896 49.896 0 0 0-2.684 5.185Zm8.448-11.631a.986.986 0 0 1-.045-1.354C21.78 6.46 35.111 0 49.952 0 77.592 0 100 22.407 100 50.048c0 14.84-6.46 28.172-16.72 37.338a.986.986 0 0 1-1.354-.045L12.659 18.074Z"})}),f=()=>(0,r.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 90.6 20.6",fill:"#FFFFFF","aria-hidden":!0,children:(0,r.jsx)("path",{d:"M19,20.33H2.89A2.89,2.89,0,0,1,.31,18.82a2.81,2.81,0,0,1,.51-3.27L12,4.33H4a4,4,0,0,1-4-4H14.85a2.89,2.89,0,0,1,2.58,1.51,2.81,2.81,0,0,1-.51,3.27L5.7,16.33H15A4,4,0,0,1,19,20.33ZM82.81,0A7.8,7.8,0,0,0,77,2.62,7.8,7.8,0,0,0,71.19,0,8,8,0,0,0,63.4,8V20.33a4,4,0,0,0,4-4V7.92A3.87,3.87,0,0,1,71.05,4a3.81,3.81,0,0,1,4,3.8v8.5a4,4,0,0,0,4,4V7.92A3.87,3.87,0,0,1,82.65,4a3.81,3.81,0,0,1,3.95,3.8v8.5a4,4,0,0,0,4,4V8A8,8,0,0,0,82.81,0ZM39.2,10.33A10.3,10.3,0,1,1,28.9,0,10.31,10.31,0,0,1,39.2,10.33Zm-4,0a6.3,6.3,0,1,0-6.3,6.3A6.31,6.31,0,0,0,35.2,10.33Zm26.2,0A10.3,10.3,0,1,1,51.1,0,10.31,10.31,0,0,1,61.4,10.33Zm-4,0a6.3,6.3,0,1,0-6.3,6.3A6.31,6.31,0,0,0,57.4,10.33Z"})}),j=({background:e,children:t})=>(0,r.jsx)("div",{style:{width:40,height:40,borderRadius:"50%",background:e,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:t}),b=()=>(0,r.jsx)(j,{background:"#000000",children:(0,r.jsx)(m,{})}),v=()=>(0,r.jsx)(j,{background:"#0B5CFF",children:(0,r.jsx)(f,{})}),w=()=>(0,r.jsx)("svg",{width:"15",height:"15",viewBox:"0 0 24 24",fill:"none",stroke:"#9AA0A6",strokeWidth:"1.7",strokeLinejoin:"round","aria-hidden":!0,children:(0,r.jsx)("path",{d:"M12 3.8l2.6 5.3 5.8.85-4.2 4.1 1 5.75L12 17.1l-5.2 2.7 1-5.75-4.2-4.1 5.8-.85L12 3.8z"})}),y=()=>{let[e,t]=(0,s.useState)("Rita from Cloudflare"),[i,m]=(0,s.useState)("Everything we announced during Agents Week and more"),[f,j]=(0,s.useState)("Run inference directly on Cloudflare, at a fraction of the cost of closed-source models. And Workers AI is now generally available."),{stageRef:y,download:F,busy:A}=(0,o.Ry)("mobile-inbox-preview.png",(0,p.lS)("ios")),k=[{sender:e||"Sender",subject:i||"Subject line",preview:f||"Preview text",time:"12:34 PM",unread:!0},{sender:"Linear",subject:"Marcus Bell changed status to Done for ENG-412",preview:"You have 1 unread notification on Linear",time:"11:47 AM",unread:!0,Icon:b},{sender:"Zoom",subject:"Your participant has joined your meeting",preview:"Hi Emily, your participant has joined your meeting",time:"10:02 AM",unread:!1,Icon:v},{sender:"Priya Raman",subject:"Lunch Thursday?",preview:"Any of the places near the office work for me.",time:"8:26 AM",unread:!1},{sender:"Northwind Books",subject:"Your order of 3 items has shipped and arrives Thursday",preview:"Track order #4821, arriving Thursday.",time:"Yesterday",unread:!1}],S=[{ok:i.length>0&&i.length<=x.subject,text:`Subject survives the Gmail app's roughly ${x.subject}-character row (currently ${i.length})`},{ok:i.length>=20&&i.length<=50,text:`Subject in the 20 to 50 character sweet spot (currently ${i.length})`},{ok:f.length>=40,text:`Preview text is doing real work rather than being left for the client to fill in (${f.length} characters, about ${Math.min(f.length,x.preview)} of them visible)`},{ok:!/^(re:|fwd:)/i.test(i)&&!i.includes("!!"),text:"No fake Re:/Fwd: prefixes or double exclamation marks"},{ok:i.length>0&&i!==i.toUpperCase(),text:"Subject is not all caps"}],C=(0,o.Ue)(),H=(0,r.jsxs)(p.d5,{platform:"ios",style:{background:"#FFFFFF",color:"#000"},children:[(0,r.jsx)(p.PL,{platform:"ios",time:"12:34 PM",color:"#000000"}),(0,r.jsxs)("div",{className:(0,a.AH)({display:"flex",alignItems:"center",gap:"10px",px:"12px",pt:"10px",pb:"6px"}),children:[(0,r.jsxs)("div",{className:(0,a.AH)({flex:1,minWidth:0,display:"flex",alignItems:"center",gap:"12px",borderRadius:"999px",px:"12px",py:"7px",bg:"#F1F3F4"}),children:[(0,r.jsx)(h.n8,{color:"#5F6368",size:20}),(0,r.jsx)("span",{className:(0,a.AH)({flex:1,fontSize:"15px",color:"#5F6368"}),children:"Ask Gmail"}),(0,r.jsx)(c.eu,{src:"/tools/emily-lane.webp",name:"Emily Lane",size:28})]}),(0,r.jsx)(u,{})]}),(0,r.jsx)("div",{className:(0,a.AH)({flex:1,minHeight:0,overflow:"hidden"}),children:k.map((e,t)=>(0,r.jsxs)("div",{className:(0,a.AH)({display:"flex",gap:"12px",px:"16px",py:"11px",borderBottom:"1px solid #F1F3F4",alignItems:"flex-start"}),children:[e.Icon?(0,r.jsx)(e.Icon,{}):(0,r.jsx)(c.eu,{src:null,name:e.sender,size:40,tone:"letter"}),(0,r.jsxs)("div",{className:(0,a.AH)({flex:1,minWidth:0}),children:[(0,r.jsxs)("div",{className:(0,a.AH)({display:"flex",justifyContent:"space-between",gap:"8px",alignItems:"baseline"}),children:[(0,r.jsx)("span",{className:(0,a.AH)({fontSize:"15px",color:"#202124",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),style:{fontWeight:e.unread?700:400},children:e.sender}),(0,r.jsx)("span",{className:(0,a.AH)({fontSize:"12.5px",flexShrink:0}),style:{fontWeight:e.unread?700:400,color:e.unread?"#202124":"#5F6368"},children:e.time})]}),(0,r.jsx)("div",{className:(0,a.AH)({fontSize:"14px",color:"#202124",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),style:{fontWeight:e.unread?600:400},children:g(e.subject,x.subject)}),(0,r.jsxs)("div",{className:(0,a.AH)({display:"flex",alignItems:"center",gap:"8px"}),children:[(0,r.jsx)("span",{className:(0,a.AH)({flex:1,minWidth:0,fontSize:"13.5px",color:"#5F6368",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),children:g(e.preview,x.preview)}),(0,r.jsx)(w,{})]})]})]},t))}),(0,r.jsxs)("div",{className:(0,a.AH)({position:"relative",flexShrink:0}),children:[(0,r.jsx)("div",{className:(0,a.AH)({position:"absolute",right:"14px",bottom:"calc(100% + 12px)",width:"54px",height:"54px",borderRadius:"17px",display:"flex",alignItems:"center",justifyContent:"center"}),style:{background:"#fff",boxShadow:"0 1px 3px rgba(60,64,67,0.28), 0 4px 10px rgba(60,64,67,0.16)"},children:(0,r.jsx)(h.qY,{size:24,color:"#1A73E8"})}),(0,r.jsx)("div",{className:(0,a.AH)({display:"flex",alignItems:"center",justifyContent:"space-around",pt:"9px",pb:"12px"}),style:{borderTop:"1px solid #F1F3F4",background:"#fff"},children:[{label:"Mail",Icon:h.X2,active:!0},{label:"Meet",Icon:h.AM,active:!1}].map(({label:e,Icon:t,active:i})=>(0,r.jsxs)("div",{className:(0,a.AH)({display:"flex",flexDirection:"column",alignItems:"center",gap:"3px"}),children:[(0,r.jsx)(t,{size:21,color:i?"#1A73E8":"#5F6368"}),(0,r.jsx)("span",{className:(0,a.AH)({fontSize:"11px",fontWeight:500}),style:{color:i?"#1A73E8":"#5F6368"},children:e})]},e))}),(0,r.jsx)(p.tG,{tone:"dark"})]})]});return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(p.mk,{}),(0,r.jsx)(l.xP,{outputLabel:"Preview",controls:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.n3,{onClear:()=>{t(""),m(""),j("")}}),(0,r.jsx)(l.D0,{label:"Sender name",children:(0,r.jsx)(l.ks,{value:e,onCh

1ange:e=>t(e.target.value),maxLength:40})}),(0,r.jsx)(l.D0,{label:"Subject line",hint:`${i.length} characters`,children:(0,r.jsx)(l.ks,{value:i,onChange:e=>m(e.target.value),maxLength:140})}),(0,r.jsx)(l.D0,{label:"Preview text (preheader)",hint:`${f.length} characters. This is the snippet shown after the subject.`,children:(0,r.jsx)(l.ks,{value:f,onChange:e=>j(e.target.value),maxLength:200})}),(0,r.jsx)("div",{className:(0,a.AH)({mt:"18px"}),children:S.map(e=>(0,r.jsxs)("div",{className:(0,a.AH)({display:"flex",gap:"8px",alignItems:"flex-start",fontSize:"12.5px",lineHeight:"1.5",color:"#3B352F",mb:"8px"}),children:[(0,r.jsx)("span",{style:{flexShrink:0,marginTop:"1px"},children:(0,r.jsx)(d.qs,{status:e.ok?"pass":"warn",children:e.ok?"OK":"Check"})}),(0,r.jsx)("span",{children:e.text})]},e.text))})]}),output:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(o.uG,{onDownload:F,busy:A}),C.picker,(0,r.jsx)(o.pA,{stageRef:y,background:C.background,children:(0,r.jsx)(p.H5,{platform:"ios",children:(0,r.jsx)(n.gx,{device:"iPhone 17",color:"black",width:p.T5.ios.width,height:p.T5.ios.height,children:H})})}),(0,r.jsx)(o.Jr,{children:"The Gmail app as it renders today, on an iPhone 17 running iOS 26."})]})})]})}},59225:(e,t,i)=>{i.d(t,{Z:()=>s,x:()=>r});let r=e=>{let t;try{t=new URLSearchParams(e.startsWith("?")?e.slice(1):e)}catch{return{value:null,selector:null}}let i=(t.get("domain")??t.get("email")??"").trim(),r=i.length>0&&i.length<=253&&/^[a-zA-Z0-9._@+-]+$/.test(i)&&i.includes(".")?i:null,s=(t.get("selector")??"").trim();return{value:r,selector:s.length>0&&s.length<=63&&/^[a-zA-Z0-9._-]+$/.test(s)?s:null}},s=(e,t)=>{let i=e.trim();if(!i)return"";let r=new URLSearchParams;return r.set("domain",i),t&&t.trim()&&r.set("selector",t.trim()),`?${r.toString()}`}},65457:(e,t,i)=>{i.d(t,{FM:()=>p,gh:()=>h,qs:()=>c,rM:()=>x,u6:()=>d});var r=i(37876),s=i(14232),a=i(12559),n=i(15648),l=i(59225);let o={pass:{bg:"#DCF5EC",fg:"#0E8A6D"},warn:{bg:"#FDF0DC",fg:"#B45309"},fail:{bg:"#FDE4E1",fg:"#C0392B"},info:{bg:"#EDE7FD",fg:"#6D3FE0"}},c=({status:e,children:t})=>(0,r.jsx)("span",{className:(0,a.AH)({display:"inline-block",fontSize:"11.5px",fontWeight:600,letterSpacing:"0.04em",textTransform:"uppercase",borderRadius:"999px",px:"10px",py:"3px",whiteSpace:"nowrap"}),style:{background:o[e].bg,color:o[e].fg},children:t}),d=({label:e,children:t,mono:i})=>(0,r.jsxs)("div",{className:(0,a.AH)({display:"grid",gridTemplateColumns:{base:"1fr",customSm:"150px 1fr"},gap:{base:"2px",customSm:"16px"},py:"10px",borderBottom:"1px solid #E4E0DA",_last:{borderBottom:"none"},fontSize:"13.5px",lineHeight:"1.55"}),children:[(0,r.jsx)("span",{className:(0,a.AH)({color:"#6B645C",fontSize:"11.5px",letterSpacing:"0.06em",textTransform:"uppercase",pt:"2px"}),style:{fontFamily:n.iP},children:e}),(0,r.jsx)("span",{className:(0,a.AH)({color:"#1C1815",wordBreak:"break-word",minWidth:0}),style:i?{fontFamily:n.iP,fontSize:"12.5px"}:void 0,children:t})]}),h=({value:e})=>(0,r.jsx)("pre",{className:(0,a.AH)({fontSize:"12px",lineHeight:"1.6",color:"#1C1815",bg:"#F5F3F0",border:"1px solid #E4E0DA",borderRadius:"8px",p:"12px",whiteSpace:"pre-wrap",wordBreak:"break-all",mt:"8px"}),style:{fontFamily:n.iP},children:e}),p=({label:e,placeholder:t,buttonLabel:i,hint:o,onCheck:c,children:d,extraParam:h})=>{let[p,x]=(0,s.useState)(""),[u,g]=(0,s.useState)(!1),[m,f]=(0,s.useState)(""),j=async e=>{g(!0),f("");try{await c(e);{let t=(0,l.Z)(e,h??null);window.history.replaceState(null,"",`${window.location.pathname}${t}`)}}catch(e){f(e instanceof Error&&e.message?e.message:"Lookup failed. Check the value and try again.")}finally{g(!1)}},b=async e=>{e.preventDefault(),p.trim()&&!u&&await j(p)},v=(0,s.useRef)(!1);return(0,s.useEffect)(()=>{if(v.current)return;v.current=!0;let{value:e}=(0,l.x)(window.location.search);e&&(x(e),j(e))},[]),(0,r.jsxs)("form",{onSubmit:b,children:[(0,r.jsx)(n.D0,{label:e,hint:o,children:(0,r.jsx)(n.ks,{placeholder:t,value:p,onChange:e=>x(e.target.value),autoCapitalize:"none",autoCorrect:"off",spellCheck:!1})}),d,(0,r.jsx)(n.jn,{type:"submit",disabled:u||!p.trim(),children:u?"Checking...":i}),m?(0,r.jsx)("p",{className:(0,a.AH)({fontSize:"13px",color:"#C0392B",mt:"10px"}),children:m}):null]})},x=({children:e})=>(0,r.jsx)("p",{className:(0,a.AH)({fontSize:"13.5px",color:"#A39C93",lineHeight:"1.6"}),children:e})},97500:(e,t,i)=>{i.d(t,{z9:()=>c,eu:()=>d,BR:()=>p});var r=i(37876),s=i(14232),a=i(12559);let n=["#E8467C","#DB4437","#1A73E8","#0B5C43","#F4511E","#8E24AA","#00796B","#C5221F"],l=(0,a.AH)({fontSize:"12.5px",fontWeight:600,color:"#6D3FE0",bg:"transparent",border:"none",p:0,cursor:"pointer",_hover:{textDecoration:"underline"}}),o=({size:e=38})=>(0,r.jsx)("div",{style:{width:e,height:e,borderRadius:.22*e,background:"linear-gradient(135deg, #8554FF 0%, #6D3FE0 100%)",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:(0,r.jsx)("div",{style:{width:.42*e,height:.42*e,borderRadius:"50%",border:`${Math.max(2,.08*e)}px solid white`}}

1)}),c=({src:e,size:t=38})=>e?(0,r.jsx)("img",{src:e,alt:"",width:t,height:t,style:{width:t,height:t,borderRadius:.22*t,objectFit:"cover",flexShrink:0}}):(0,r.jsx)(o,{size:t}),d=({src:e,name:t,size:i=36,square:s,tone:a="brand"})=>{let l=s?.22*i:i/2;if(e)return(0,r.jsx)("img",{src:e,alt:"",width:i,height:i,style:{width:i,height:i,borderRadius:l,objectFit:"cover",flexShrink:0}});if("letter"===a)return(0,r.jsx)("div",{style:{width:i,height:i,borderRadius:l,background:(e=>{let t=e.trim().toLowerCase();if(!t)return n[0];let i=0;for(let e=0;e<t.length;e+=1)i+=t.charCodeAt(e);return n[i%n.length]})(t),color:"white",display:"flex",alignItems:"center",justifyContent:"center",fontSize:.46*i,fontWeight:500,lineHeight:1,flexShrink:0},children:(e=>{let t=e.trim().codePointAt(0);return void 0===t?"?":String.fromCodePoint(t).toUpperCase()})(t)});let o=t.split(/\s+/).map(e=>e[0]).filter(Boolean).slice(0,2).join("").toUpperCase();return(0,r.jsx)("div",{style:{width:i,height:i,borderRadius:l,background:"system"===a?"linear-gradient(180deg, #B6B6BC 0%, #97979E 100%)":"linear-gradient(135deg, #8554FF, #FF5E5E)",color:"white",display:"flex",alignItems:"center",justifyContent:"center",fontSize:.4*i,fontWeight:600,flexShrink:0},children:o||"?"})},h=()=>(0,r.jsxs)("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"#8A837E",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[(0,r.jsx)("path",{d:"M21 15v3.5A2.5 2.5 0 0 1 18.5 21h-13A2.5 2.5 0 0 1 3 18.5V15"}),(0,r.jsx)("path",{d:"M12 3v11"}),(0,r.jsx)("path",{d:"M7.5 7.5 12 3l4.5 4.5"})]}),p=({label:e,hint:t,onLoad:i,value:n,removeLabel:o="Remove"})=>

1{let c=(0,s.useRef)(null),[d,p]=(0,s.useState)(!1),[x,u]=(0,s.useState)(null),[g,m]=(0,s.useState)(null),f=e=>{if(!e)return;if(!e.type.startsWith("image/"))return void u("That is not an image file.");if(e.size>4194304)return void u(`That image is ${(e.size/1024/1024).toFixed(1)}MB. The limit is 4MB.`);u(null),m(e.name);let t=new FileReader;t.onload=()=>i(String(t.result)),t.onerror=()=>u("That image could not be read."),t.readAsDataURL(e)};return(0,s.useEffect)(()=>{!n&&(m(null),u(null),c.current&&(c.current.value=""))},[n]),(0,r.jsxs)("div",{className:(0,a.AH)({mb:"14px"}),children:[(0,r.jsx)("span",{className:(0,a.AH)({display:"block",fontSize:"11.5px",letterSpacing:"0.08em",textTransform:"uppercase",color:"#6B645C",mb:"6px",fontFamily:"'Geist Mono', ui-monospace, monospace"}),children:e}),(0,r.jsx)("input",{ref:c,type:"file",accept:"image/png,image/jpeg,image/webp,image/svg+xml,image/gif","aria-label":e,onChange:e=>f(e.target.files?.[0]),className:(0,a.AH)({position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0 0 0 0)",whiteSpace:"nowrap",borderWidth:0})}),n?(0,r.jsxs)("div",{className:(0,a.AH)({display:"flex",alignItems:"center",gap:"12px",borderRadius:"10px",p:"10px",bg:"#FBFAF9"}),style:{border:"1px solid #E4E0DA"},children:[(0,r.jsx)("img",{src:n,alt:"",className:(0,a.AH)({flexShrink:0}),style:{width:44,height:44,borderRadius:8,objectFit:"cover",background:"#FFF",border:"1px solid #EDEAE5"}}),(0,r.jsx)("span",{className:(0,a.AH)({flex:1,minWidth:0,fontSize:"13px",color:"#3B352F",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),children:g||"Image set"}),(0,r.jsxs)("span",{className:(0,a.AH)({display:"flex",gap:"10px",flexShrink:0}),children:[(0,r.jsx)("button",{type:"button",onClick:()=>c.current?.click(),className:l,children:"Replace"}),(0,r.jsx)("button",{type:"button",onClick:()=>{m(null),u(null),c.current&&(c.current.value=""),i(null)},className:l,children:o})]})]}):(0,r.jsxs)("button",{type:"button",onClick:()=>c.current?.click(),onDragOver:e=>{e.preventDefault(),p(!0)},onDragLeave:()=>p(!1),onDrop:e=>{e.preventDefault(),p(!1),f(e.dataTransfer.files?.[0])},className:(0,a.AH)({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"6px",width:"100%",borderRadius:"10px",px:"14px",py:"18px",cursor:"pointer",transition:"background 0.15s, border-color 0.15s"}),style:{border:`1.5px dashed ${d?"#6D3FE0":"#DDD8D1"}`,background:d?"#F5F1FF":"#FCFCFB"},children:[(0,r.jsx)(h,{}),(0,r.jsxs)("span",{className:(0,a.AH)({fontSize:"13px",color:"#3B352F"}),children:[(0,r.jsx)("strong",{className:(0,a.AH)({fontWeight:600,color:"#6D3FE0"}),children:"Choose an image"})," ","or drag it here"]}),(0,r.jsx)("span",{className:(0,a.AH)({fontSize:"11.5px",color:"#8A837E"}),children:"PNG, JPG, WebP, SVG or GIF, up to 4MB"})]}),t?(0,r.jsx)("span",{className:(0,a.AH)({display:"block",mt:"5px",fontSize:"12px",color:"#8A837E"}),children:t}):null,x?(0,r.jsx)("span",{role:"alert",className:(0,a.AH)({display:"block",mt:"5px",fontSize:"12px",color:"#B4231C"}),children:x}):null]})}}}]);