1import{m as e,P as r,c as s,I as a,a as t,B as o}from"./index-DiM0WI7r.js";import{G as n}from"./GetStartedCards-DXDcrmyh.js";import"./server-qT1iUhmD.js";function l(){return e.jsxs("main",{className:"bg-[var(--blue-dark-background)]",children:[e.jsxs("section",{className:"mx-auto max-w-[1200px] px-6 py-[72px]",children:[e.jsxs("div",{className:"mb-10 flex flex-col items-center text-center",children:[e.jsx("h1",{className:r,children:"Try the live demo"}),e.jsx("p",{className:`${s} mt-4`,children:"This demo shows how data flows from one PowerSync client to another. Data can be created, updated or deleted and network connectivity can be toggled on or off per client."})]}),e.jsx("div",{className:"mb-6 hidden rounded-lg bg-[var(--blue-dark-b098)] p-4 md:block",children:e.jsx("iframe",{id:"powersync-demo-app",title:"PowerSync live demo",src:"https://powersync-ja.github.io/webflow-widget/",className:"block w-full border-0",style:{height:"300px"}})}),e.jsxs("div",{className:"mb-6 flex items-start gap-3 rounded-lg border border-[var(--blue-dark-b177)] bg-[var(--blue-dark-b098)] px-4 py-3 text-sm text-[var(--text-light-secondary)] md:hidden",children:[e.jsx(a,{size:20,strokeWidth:2,className:"mt-0.5 shrink-0 text-[var(--blue-light-g137)]","aria-hidden":!0}),e.jsx("span",{children:"Visit this page on desktop to see a demo."})]}),e.jsx("div",{className:"flex justify-center",children:e.jsxs("a",{href:"https://github.com/powersync-ja/powersync-js/tree/main/demos/react-multi-client",target:"_blank",rel:"noopener noreferrer",className:"ps-cta-hover-cyan inline-flex items-center gap-2.5 rounded border border-white/30 bg-white/10 px-4 py-2.5 text-sm font-semibold text-white no-underline transition-colors hover:border-[var(--cyan-g213)] hover:bg-[var(--cyan-g213)]/10 hover:text-[var(--cyan-g213)]",children:[e.jsx(t,{src:o.github,className:"h-4 w-4 shrink-0"}),"View on GitHub"]})})]}),e.jsx("section",{className:"mx-auto max-w-[900px] px-6 pb-[72px]",children:e.jsx(n,{})})]})}export{l as component};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.