https://kazzle.com/assets/add-remote-computer-81SoOa49.js

1import{m as l,l as e,ce as y,u as i,cf as w,cg as p,p as h,bH as C,bO as S,aR as $,ch as v,bI as E,y as I,_ as L,aw as z,G as O,aC as b,aF as k,aG as F}from"./startup-B-3e65bb.js";import{i as n}from"./locale-CzrXnhV-.js";function j({href:t,children:o,$size:r,className:s}){return l(A,{href:t,target:"_blank",rel:"noopener noreferrer",$size:r,className:s,children:[e(D,{children:o??t}),e(H,{children:e(y,{size:14,weight:"bold"})})]})}const A=i.a`
2  display: flex;
3  align-items: center;
4  flex: 1;
5  min-width: 0;
6  ${w}
7  min-height: ${t=>p[t.$size??"md"].height}px;
8  padding: 0 0 0 ${t=>p[t.$size??"md"].px}px;
9  font-size: ${t=>p[t.$size??"md"].font}px;
10  color: var(--text-secondary);
11  text-decoration: none;
12  gap: 8px;
13  cursor: pointer;
14`,D=i.span`
15  flex: 1;
16  min-width: 0;
17  overflow-x: auto;
18  white-space: nowrap;
19  scrollbar-width: none;
20  &::-webkit-scrollbar { display: none; }
21`,H=i.span`
22  display: flex;
23  align-items: center;
24  justify-content: center;
25  align-self: stretch;
26  flex-shrink: 0;
27  padding: 0 8px;
28  color: inherit;
29`;function T(){return[{id:"download",label:n._({id:"mzI_c-"})},{id:"remote",label:n._({id:"hsHhmP"})}]}function B({onAction:t}){const[o,r]=h.useState("download"),[s,g]=h.useState(""),[a,_]=h.useState(!1),d=s.trim(),x=()=>{a||t?.({type:"close"})},u=()=>{!d||a||(_(!0),t?.({type:"submit",label:d}))};return l(O,{children:[e(C,{title:n._({id:"XjLWLb"}),onClose:x}),e(S,{children:l(M,{children:[e($,{options:T(),value:o,onChange:r}),o==="download"&&l(f,{children:[e(m,{children:n._({id:"_zCc4K"})}),e(j,{href:v})]}),o==="remote"&&l(f,{children:[e(m,{children:n._({id:"JEWu8J"})}),e(E,{label:n._({id:"UMCrNw"}),children:e(I,{autoFocus:!0,placeholder:n._({id:"9rc_1I"}),value:s,onChange:c=>g(c.target.value),onKeyDown:c=>c.key==="Enter"&&u(),disabled:a})}),l(N,{children:[e(L,{onClick:x,disabled:a,children:n._({id:"dEgA5A"})}),e(z,{onClick:u,disabled:!d||a,children:a?n._({id:"Z4OdvO"}):n._({id:"3LVUx8"})})]})]})]})})]})}const M=i.div`
30  display: flex;
31  flex-direction: column;
32  gap: ${b.xl}px;
33  align-items: flex-start;
34`,m=i.p`
35  margin: 0;
36  font-size: ${k.body}px;
37  color: var(--text-secondary);
38  line-height: ${F};
39`,f=i.div`
40  display: flex;
41  flex-direction: column;
42  gap: ${b.xl}px;
43  align-self: stretch;
44`,N=i.div`
45  display: flex;
46  justify-content: flex-end;
47  gap: 8px;
48`;export{B as AddRemoteComputerModalContent};