import{j as s,r as e}from"./vendor-react-Dp9pL_Wn.js";import{U as o,o as i,V as r}from"./c4b350ac1-KLFM4jkb.js";import{u as t,M as d}from"./vendor-intl-BDR1NhN_.js";import{Q as a,S as m}from"./index-CSvjYuL_.js";import"./vendor-ant-cds-DvTmcYA1.js";import"./vendor-base-ui-CdQU4JQh.js";import"./vendor-radix-D3USJ4lr.js";import"./vendor-base-5_f7mmWg.js";import"./vendor-virtual-DRz8lJfQ.js";import"./vendor-zod-DIcz3Rbr.js";import"./vendor-zustand-CI9omAwJ.js";import"./vendor-icons-BBStP_8q.js";import"./vendor-lodash-CIro4mst.js";import"./vendor-router-qG5OCEmI.js";import"./vendor-query-DgCRID2b.js";import"./vendor-motion-D7Z1qgzM.js";import"./vendor-luxon-Y8l99kBI.js";import"./vendor-infra-DayZK7Ds.js";import"./vendor-growthbook-C66YtMMX.js";import"./c40b9b8f5-CcFpJKg-.js";import"./c393cb7f5-HUvLXarC.js";import"./ca8998c31-P9hjFFxa.js";import"./cbf215181-Bsdk_iVX.js";import"./c82022b5f-v1T93ITZ.js";import"./c627fcdb6-v1yU0Z6G.js";import"./c85adc124-DaXgLnIc.js";import"./c4b43b0ae-CSVSIKUp.js";import"./ce61829b3-0upsP-GZ.js";import"./c0632795f-DFHAnV4h.js";import"./c1f96d614-CNpmgQ8l.js";import"./c2591c98b-B0JYd9Jp.js";import"./c9bba154c-Bw59591Y.js";import"./c2a658aad-Db1B4w67.js";import"./c0e977562-B_Zbx8nl.js";import"./c9f4bb49e-CrIVzJHt.js";import"./cc2dfdfd3-BrnuP9el.js";import"./c6a992d55-BgxzHrh5.js";import"./c9e81e7b9-CQ79hI5E.js";import"./cdd5b9598-DXIbe6ku.js";import"./cf57f6351-BOW8NPIt.js";import"./c5669b8e4-B4xCGVen.js";import"./c93f725a0-BmtJGQGk.js";import"./c26148d62-Db4ihZzY.js";import"./c3a36db6f-BVEOyI7C.js";import"./cc2e285cb-ERZJd0nP.js";import"./c4526f334-DmmtJSHf.js";import"./cb59e2e62-DU7B8aps.js";import"./c009a87a0-BdYPxNaw.js";import"./c8c15d455-BRkvbsON.js";import"./c0f96d0e0-DGUPaEDS.js";function c({handleDismiss:e,handleAction:m}){const c=t();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,{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(o,{variant:"primary",className:"font-base-bold w-full",onClick:async()=>{i({href:"/code",webBehavior:"new-tab",desktopBehavior:"open-in-browser"}),await m()},children:s.jsx(d,{defaultMessage:"Try it",id:"YrB0ysut4p"})}),s.jsx(o,{variant:"secondary",className:"font-base-bold w-full",onClick:e,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("img",{loading:"lazy",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(r,{onClose:e})})]})]})]})}const n=e.memo(({onDismiss:e,onAction:o})=>s.jsx(m,{onDismiss:e,onAction:o,render:({handleDismiss:e,handleAction:o})=>s.jsx(c,{handleDismiss:e,handleAction:o})}));n.displayName="ClaudeCodeRemoteSpotlight";export{n as ClaudeCodeRemoteSpotlight};
