import{u as e,j as s,T as a,M as d,r as i}from"./vendor--leCAzSo.js";import{B as l,e as t,I as o,M as n}from"./ca9c256b9-7brFE8T2.js";import{S as r}from"./index-DZuQva-j.js";import"./c723dd3dd-58n3MxoB.js";import"./c57c2877c-dpgWZiV5.js";import"./cb5cdda9a-CSfiLIa6.js";import"./c51e217b4-KUwQQl_W.js";import"./tree-sitter-BFuuT2ac.js";const c=({handleDismiss:i,handleAction:r})=>{const c=e();return s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"absolute inset-0 flex -z-10",children:[s.jsx("div",{className:"w-full md:w-1/2 bg-bg-100 rounded-2xl md:rounded-e-none md:rounded-s-2xl"}),s.jsx("div",{className:"hidden md:block w-1/2 bg-bg-300 rounded-e-2xl"})]}),s.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2",children:[s.jsxs("div",{className:"flex flex-col md:pe-8",children:[s.jsx(a,{asChild:!0,children:s.jsx("h1",{className:"font-heading mb-4",children:s.jsx(d,{defaultMessage:"Claude Code, wherever you are",id:"aaslKZq/dL"})})}),s.jsx("div",{className:"font-base text-text-300 space-y-4 mb-8",children:s.jsx("p",{children:s.jsx(d,{defaultMessage:"Code with Claude is now running in cloud environments. Keep your sessions in sync across web, mobile, and CLI.",id:"ttgHKqCANX"})})}),s.jsxs("div",{className:"mt-auto",children:[s.jsxs("div",{className:"flex flex-col gap-2 mb-2",children:[s.jsx(l,{variant:"primary",className:"font-base-bold w-full",onClick:async()=>{t({href:"/code",webBehavior:"new-tab",desktopBehavior:"open-in-browser"}),await r()},children:s.jsx(d,{defaultMessage:"Try it",id:"YrB0ysut4p"})}),s.jsx(l,{variant:"secondary",className:"font-base-bold w-full",onClick:i,children:s.jsx(d,{defaultMessage:"Later",id:"uQDRsYlg+S"})})]}),s.jsx("div",{className:"text-text-500 font-small text-center mb-4",children:s.jsx(d,{defaultMessage:"Available with a Claude Pro or Max plan",id:"jl9p1xxDYB"})})]})]}),s.jsxs("div",{className:"relative hidden md:flex items-center justify-center md:-me-6 md:-mt-6 md:-mb-6",children:[s.jsx(o,{src:"/images/spotlights/claude-code-remote-spotlight.png",alt:c.formatMessage({defaultMessage:"Claude Code on the web spotlight",id:"76aiFQ9/NE"}),width:1140,height:1480,className:"w-full h-full object-cover rounded-e-2xl"}),s.jsx("div",{className:"absolute top-4 right-4",children:s.jsx(n,{onClose:i})})]})]})]})},m=i.memo(({onDismiss:e,onAction:a})=>s.jsx(r,{onDismiss:e,onAction:a,render:({handleDismiss:e,handleAction:a})=>s.jsx(c,{handleDismiss:e,handleAction:a})}));m.displayName="ClaudeCodeRemoteSpotlight";export{m as ClaudeCodeRemoteSpotlight};
