https://workia.com/assets/CollaborationVisual-BC2EcdnZ.js

1import{t as e}from"./jsx-runtime-DGeXAQPT.js";import{n as t,t as n}from"./avatar-joe-DmdjFRV8.js";import{t as r}from"./avatar-mike-dsW8LvOx.js";var i={version:1,asset_id:`c3afec03-1d58-41c8-a4fa-c39621cb647c`,project_id:`0505a5a7-8262-46ce-adaa-0cf2b225a97e`,url:`/__l5e/assets-v1/c3afec03-1d58-41c8-a4fa-c39621cb647c/ownership-bg.svg`,r2_key:`a/v1/0505a5a7-8262-46ce-adaa-0cf2b225a97e/c3afec03-1d58-41c8-a4fa-c39621cb647c/ownership-bg.svg`,original_filename:`ownership-bg.svg`,size:12267,content_type:`image/svg+xml`,created_at:`2026-06-23T09:14:16Z`},a={version:1,asset_id:`10355747-d77a-43fc-a486-2bec9dd55fe1`,project_id:`0505a5a7-8262-46ce-adaa-0cf2b225a97e`,url:`/__l5e/assets-v1/10355747-d77a-43fc-a486-2bec9dd55fe1/mobile-app.png`,r2_key:`a/v1/0505a5a7-8262-46ce-adaa-0cf2b225a97e/10355747-d77a-43fc-a486-2bec9dd55fe1/mobile-app.png`,original_filename:`mobile-app.png`,size:616934,content_type:`image/png`,created_at:`2026-06-23T09:25:18Z`},o=e(),s=`"Roboto", system-ui, sans-serif`,c=`#6750A4`,l=`#EADDFF`,u=[{name:`Sarah Chen`,label:`HR`,img:t,tone:`#6750A4`,bg:`#EADDFF`},{name:`David Park`,label:`Manager`,img:r,tone:`#1B6E5C`,bg:`#D4F3E8`},{name:`Priya Shah`,label:`Tax`,img:n,tone:`#8A5A00`,bg:`#FBE7C0`},{name:`Anna Müller`,label:`Immigration`,img:t,tone:`#0F5C8A`,bg:`#D3EAF7`},{name:`Equus Relo`,label:`Supplier`,img:r,tone:`#9A3A6E`,bg:`#F7D8E8`},{name:`Jane Doe`,label:`Employee`,img:n,tone:`#3F3D56`,bg:`#E5E3F0`}];function d(){return(0,o.jsxs)(`div`,{className:`relative mx-auto w-full max-w-[560px] aspect-[4/3]`,style:{fontFamily:s},children:[(0,o.jsx)(`div`,{className:`pointer-events-none absolute inset-0 rounded-lg overflow-hidden`,style:{background:`#f2ebff`},children:(0,o.jsx)(`img`,{src:i.url,alt:``,"aria-hidden":!0,className:`absolute inset-0 h-full w-full object-cover`})}),(0,o.jsxs)(`div`,{className:`relative h-full w-full p-4 flex items-center gap-3`,children:[(0,o.jsx)(`div`,{className:`flex-1 flex flex-col gap-3 min-w-0`,children:(0,o.jsxs)(`div`,{className:`own-fade-in own-float-1 rounded-md bg-white p-3 ring-1 ring-black/5 shadow-[0_6px_16px_-8px_rgba(103,80,164,0.25)]`,children:[(0,o.jsxs)(`div`,{className:`mb-2.5 flex items-center justify-between`,children:[(0,o.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,o.jsx)(`div`,{className:`text-[8px] font-bold uppercase tracking-widest text-slate-400`,children:`Stakeholders`}),(0,o.jsx)(`span`,{className:`rounded-full px-1.5 py-[1px] text-[8px] font-semibold`,style:{background:l,color:c},children:`6`})]}),(0,o.jsx)(`span`,{className:`text-[8px] font-medium text-slate-400`,children:`All active`})]}),(0,o.jsx)(`div`,{className:`divide-y divide-slate-100`,children:u.map(e=>(0,o.jsxs)(`div`,{className:`flex items-center gap-2 py-1.5 first:pt-0 last:pb-0`,children:[(0,o.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,o.jsx)(`img`,{src:e.img,alt:e.label,loading:`lazy`,width:20,height:20,className:`h-[20px] w-[20px] rounded-full object-cover ring-1 ring-white`}),(0,o.jsx)(`span`,{className:`absolute -bottom-0.5 -right-0.5 h-1.5 w-1.5 rounded-full ring-1 ring-white`,style:{background:`#22C55E`}})]}),(0,o.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,o.jsx)(`div`,{className:`truncate text-[9.5px] font-semibold leading-tight text-[#0f0c28]`,children:e.name}),(0,o.jsx)(`div`,{className:`truncate text-[8px] text-slate-400`,children:e.label})]}),(0,o.jsx)(`span`,{className:`rounded-full px-1.5 py-[1px] text-[8px] font-semibold`,style:{background:e.bg,color:e.tone},children:e.label})]},e.label))})]})}),(0,o.jsx)(`div`,{className:`own-fade-in own-float-3 relative shrink-0 flex flex-col items-center gap-1.5`,style:{animationDelay:`0.15s`},children:(0,o.jsx)(`img`,{src:a.url,alt:`Employee mobile app`,loading:`lazy`,className:`block max-h-full w-auto max-w-[150px] rounded-[20px] shadow-[0_18px_36px_-14px_rgba(103,80,164,0.5)]`})})]})]})}export{i as n,d as t};