import{b as n,j as e}from"./index-D9pJRAs5.js";import{P as i}from"./PageHeader-qe8kxWqe.js";import{M as a}from"./ModernButton-pccD6_if.js";import{bm as c,r as d,bn as m,ar as x}from"./ui-CtYVlq7P.js";import"./vendor-D6aTFYy9.js";import"./pdf-Bz_mU5mG.js";const u=()=>{const{theme:r}=n(),t=r.mode==="dark",o=[{name:"Stripe",category:"Payment Gateway",description:"Accept online payments directly.",logo:"https://cdn.iconscout.com/icon/free/png-256/free-stripe-2-498440.png"},{name:"QuickBooks",category:"Accounting",description:"Sync your accounting data automatically.",logo:"https://cdn.iconscout.com/icon/free/png-256/free-quickbooks-2-569429.png"},{name:"Shopify",category:"E-commerce",description:"Import orders from your Shopify store.",logo:"https://cdn.iconscout.com/icon/free/png-256/free-shopify-226574.png"},{name:"Google Drive",category:"File Storage",description:"Sync artwork and documents.",logo:"https://cdn.iconscout.com/icon/free/png-256/free-google-drive-2-569426.png"}],l=[{key:"pk_live_******************ABCD",label:"Website Integration",created:"2023-10-15"},{key:"sk_test_*******************WXYZ",label:"Mobile App (Test)",created:"2024-01-20"}];return e.jsxs("div",{className:"space-y-6 animate-fade-in pb-20",children:[e.jsx(i,{title:"Integrations & API",subtitle:"System Connections",description:"Connect to third-party services and manage developer access.",icon:c,gradient:"from-teal-600 to-emerald-600"}),e.jsxs("div",{className:`p-6 rounded-3xl border shadow-sm ${t?"bg-slate-900 border-slate-800":"bg-white border-slate-100"}`,children:[e.jsx("h2",{className:`text-lg font-bold mb-6 ${t?"text-white":"text-slate-900"}`,children:"Marketplace Integrations"}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-4",children:o.map(s=>e.jsxs("div",{className:`flex items-start sm:items-center p-4 rounded-xl border transition-all hover:shadow-md ${t?"bg-slate-800/50 border-slate-700/50 hover:bg-slate-800":"bg-slate-50 border-slate-100 hover:bg-white"}`,children:[e.jsx("div",{className:"p-2 bg-white rounded-lg shadow-sm mr-4 shrink-0",children:e.jsx("img",{src:s.logo,alt:`${s.name} logo`,className:"w-8 h-8 object-contain"})}),e.jsxs("div",{className:"flex-grow min-w-0",children:[e.jsx("h3",{className:`text-sm font-bold ${t?"text-white":"text-slate-900"}`,children:s.name}),e.jsx("p",{className:"text-xs font-semibold uppercase tracking-wider mb-0.5 text-slate-500",children:s.category}),e.jsx("p",{className:`text-xs ${t?"text-slate-400":"text-slate-600"}`,children:s.description})]}),e.jsx(a,{size:"sm",variant:"primary",className:"ml-3 shrink-0",children:"Connect"})]},s.name))})]}),e.jsxs("div",{className:`p-6 rounded-3xl border shadow-sm ${t?"bg-slate-900 border-slate-800":"bg-white border-slate-100"}`,children:[e.jsxs("div",{className:"flex justify-between items-center mb-6",children:[e.jsxs("div",{children:[e.jsx("h2",{className:`text-lg font-bold ${t?"text-white":"text-slate-900"}`,children:"Developer API Keys"}),e.jsx("p",{className:`text-sm ${t?"text-slate-500":"text-slate-400"}`,children:"Manage API keys for custom integrations."})]}),e.jsx(a,{icon:d,variant:"outline",children:"Generate New Key"})]}),e.jsx("div",{className:"space-y-3",children:l.map(s=>e.jsxs("div",{className:`p-4 rounded-xl border flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 ${t?"bg-slate-800/50 border-slate-700/50":"bg-slate-50 border-slate-100"}`,children:[e.jsxs("div",{children:[e.jsx("p",{className:`text-sm font-bold ${t?"text-white":"text-slate-900"}`,children:s.label}),e.jsxs("div",{className:"flex items-center gap-2 mt-1",children:[e.jsx("p",{className:`text-xs font-mono px-2 py-0.5 rounded ${t?"bg-slate-900 text-slate-400":"bg-white text-slate-500 border border-slate-200"}`,children:s.key}),e.jsx("button",{className:`p-1 rounded hover:bg-slate-200 dark:hover:bg-slate-700 transition-colors ${t?"text-slate-500":"text-slate-400"}`,children:e.jsx(m,{size:12})})]})]}),e.jsxs("div",{className:"flex items-center gap-4 w-full sm:w-auto justify-between sm:justify-end",children:[e.jsxs("p",{className:`text-xs ${t?"text-slate-600":"text-slate-400"}`,children:["Created: ",s.created]}),e.jsx("div",{className:"flex items-center gap-2",children:e.jsx("button",{className:`p-2 rounded-lg transition-colors ${t?"hover:bg-slate-700 text-slate-500 hover:text-rose-400":"hover:bg-slate-200 text-slate-400 hover:text-rose-600"}`,title:"Revoke Key",children:e.jsx(x,{size:16})})})]})]},s.key))})]})]})};export{u as default};
