import{V as p,C as u,_ as m,g as c,h,j as n,i as b,w as f,k as w,H as v,x}from"./index-BLqts8WY.js";var _=Object.defineProperty,g=Object.getOwnPropertyDescriptor,C=(a,t,r,o)=>{for(var e=o>1?void 0:o?g(t,r):t,l=a.length-1,s;l>=0;l--)(s=a[l])&&(e=(o?s(t,r,e):s(e))||e);return o&&e&&_(t,r,e),e};let d=class extends p{};d=C([u({components:{}})],d);const y={id:"Content",class:"p-6 pb-24 max-w-3xl mx-auto"},k={id:"ViewBreadcrumb",class:"mb-8"},V={class:"text-lg text-center font-light relative px-7"};function S(a,t,r,o,e,l){const s=c("fa"),i=c("router-link");return x(),h("section",y,[n("div",k,[n("h1",V,[b(i,{to:{name:"account"},class:"text-lg text-center px-2 py-1 absolute -left-2 -top-1"},{default:f(()=>[b(s,{icon:"chevron-left",class:"fa-fw"})]),_:1}),t[0]||(t[0]=w(" Scan Contact "))])]),t[1]||(t[1]=v('<h3 class="text-sm uppercase font-semibold mb-2">Scan a QR Code…</h3><div class="bg-black rounded overflow-hidden relative mb-4"><img src="https://picsum.photos/400/400?random=1" class="w-full"><div class="absolute top-0 left-0 right-0 bg-black/50 h-1/4"></div><div class="absolute top-1/4 bottom-1/4 left-0 bg-black/50 w-1/4"></div><div class="absolute top-1/4 bottom-1/4 right-0 bg-black/50 w-1/4"></div><div class="absolute bottom-0 left-0 right-0 bg-black/50 h-1/4"></div><div class="absolute top-1/4 left-1/4 h-6 w-6 border-white border-t-4 border-l-4 drop-shadow"></div><div class="absolute top-1/4 right-1/4 h-6 w-6 border-white border-t-4 border-r-4 drop-shadow"></div><div class="absolute bottom-1/4 left-1/4 h-6 w-6 border-white border-b-4 border-l-4 drop-shadow"></div><div class="absolute bottom-1/4 right-1/4 h-6 w-6 border-white border-b-4 border-r-4 drop-shadow"></div></div><h3 class="text-sm uppercase font-semibold mb-2">…or Enter Contact Data</h3><input type="text" placeholder="Name (optional)" class="block w-full rounded border border-slate-400 mb-2 px-3 py-2"><input type="text" placeholder="ID" class="block w-full rounded border border-slate-400 mb-2 px-3 py-2"><input type="text" placeholder="Public Key (optional)" class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"><div class="mt-8"><div class="grid grid-cols-1 sm:grid-cols-2 gap-2"><input type="submit" class="block w-full text-center text-lg font-bold uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md" value="Look Up Contact"><button type="button" class="block w-full text-center text-md uppercase bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md"> Cancel </button></div></div>',7))])}const $=m(d,[["render",S]]);export{$ as default};