1import{bT as g,r as o,n as h,j as e,S as m,H as x}from"./index-Ba9Uy_0B.js";import{F as s}from"./index-B_UEhZpz.js";function S(){const{subscribe:r,unsubscribe:i,sendMessage:c}=g(),[t,d]=o.useState("");o.useEffect(()=>{const a=r("any",n=>{const l=JSON.stringify(n);h.success(l)});return()=>i("any",a)},[]);const u=()=>{console.log("Sending"),c("any",t)};return e.jsxs(m,{basic:!0,style:{width:"100%",height:"100%",margin:0,padding:"1rem",display:"flex",flexDirection:"column"},children:[e.jsx(x,{as:"h1",dividing:!0,children:"WebSocket Demo"}),e.jsxs(s,{children:[e.jsx(s.Group,{widths:16,children:e.jsx(s.Input,{width:16,label:"Message:",placeholder:"Enter a message ...",value:t,onChange:(a,n)=>d(n.value)})}),e.jsx(s.Button,{content:"Send",icon:"send",onClick:u})]})]})}export{S as default};
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.