1import{bO as d,r as n,j as t,d as a,T as r,W as x,B as p}from"./index-Cxk5VkcE.js";import{G as s}from"./Grid-DGLyCW-3.js";import{C as h}from"./CardMedia-M0NEvr-c.js";function v(){const{id:u}=d(),[o,g]=n.useState({Id:"integration15",AppIntegrationId:"dropbox-015",Title:"Dropbox Integration",Company:"Dropbox",Logo:"https://logo.clearbit.com/dropbox.com",Categories:["File Storage","Collaboration"],ShortDescription:"Use Dropbox as a secure destination for your ListBackup.ai data backups.",PopularityScore:92,Overview:` 2 Dropbox is a file hosting service that provides cloud storage, file synchronization, personal cloud, and client software. 3 Integrating with ListBackup.ai allows you to securely backup your files to Dropbox, ensuring they are safe and accessible. 4 `,Gallery:["https://via.placeholder.com/800x400?text=Dropbox+Image+1","https://via.placeholder.com/800x400?text=Dropbox+Image+2","https://via.placeholder.com/800x400?text=Dropbox+Image+3"],ConnectionMethod:` 5 1. Log in to your ListBackup.ai account. 6 2. Navigate to the Integrations section and select Dropbox. 7 3. Click "Connect Dropbox" and authorize the integration. 8 4. Configure backup preferences and start syncing files. 9 `}),[i,c]=n.useState(o.Gallery[0]),l=e=>{c(e)};return t.jsxs(a,{sx:{padding:3},children:[t.jsx(r,{variant:"h4",gutterBottom:!0,children:o.Title}),t.jsx(r,{variant:"body1",color:"textSecondary",sx:{mb:2},children:o.ShortDescription}),t.jsxs(a,{sx:{mb:4},children:[t.jsx("img",{src:i,alt:"Integration Gallery",style:{width:"100%",maxHeight:"400px",objectFit:"cover",borderRadius:"8px"}}),t.jsx(s,{container:!0,spacing:2,sx:{mt:2},children:o.Gallery.map(e=>t.jsx(s,{item:!0,xs:4,children:t.jsx(x,{onClick:()=>l(e),sx:{cursor:"pointer",border:i===e?"2px solid #1976d2":"2px solid transparent"},children:t.jsx(h,{component:"img",image:e,alt:"Thumbnail",sx:{height:100,objectFit:"cover"}})})},e))})]}),t.jsxs(a,{children:[t.jsx(r,{variant:"h5",gutterBottom:!0,children:"Overview"}),t.jsx(r,{variant:"body1",color:"textSecondary",sx:{mb:4},children:o.Overview}),t.jsx(r,{variant:"h5",gutterBottom:!0,children:"Connection Method"}),t.jsx(r,{variant:"body1",color:"textSecondary",children:o.ConnectionMethod}),t.jsx(p,{variant:"contained",color:"primary",sx:{mt:3},children:"Connect Dropbox"})]})]})}export{v as default}; 10//# sourceMappingURL=AppIntegrationDetails-7PV9TNLY.js.map
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.