import{j as s,r as e}from"./vendor-react-DcxrbCFs.js";import{Y as o,s as i,Z as r}from"./c4b350ac1-BTR_0NaM.js";import{u as d,M as t}from"./vendor-intl-C0z7gCkr.js";import{V as a,S as c}from"./index-BSvCx8kl.js";import"./vendor-ant-cds-BOj-tX6j.js";import"./vendor-base-ui-dYhdtXSh.js";import"./vendor-radix-BZeqcGXH.js";import"./vendor-virtual-sigx4wjL.js";import"./vendor-zod-Zyr3BDtu.js";import"./vendor-zustand-BLLlCrLG.js";import"./vendor-icons-ChFdOXlJ.js";import"./vendor-lodash--OmUGVwS.js";import"./vendor-router-DD4soP8u.js";import"./vendor-query-DdY22HAU.js";import"./vendor-luxon-Y8l99kBI.js";import"./vendor-infra-DayZK7Ds.js";import"./vendor-motion-HFQQEH7Z.js";import"./vendor-growthbook-Bq25eETo.js";import"./ca8998c31-6H5Q4Fd2.js";import"./c40b9b8f5-Da-ryo1W.js";import"./c4b43b0ae-760Yu4sg.js";import"./cbf215181-C3oidXTA.js";import"./c009a87a0-DXB61_5D.js";import"./c82022b5f-DK6eLSBd.js";import"./cc61d0d63-kW48LhDF.js";import"./c93f725a0-DejUT30N.js";import"./c85adc124-DNLst9Jo.js";import"./c26148d62-BlLiyl5z.js";import"./c0e977562-BYJ_xmcc.js";import"./c9f4bb49e-95JsAiB2.js";import"./cc2dfdfd3-C4WlGtCV.js";import"./c6a992d55-Bg3ygTzd.js";import"./c9e81e7b9-l4IaiKjm.js";import"./c5669b8e4-B184INBD.js";import"./cf57f6351-ChXug4Hw.js";import"./c0632795f-CL3ffsDQ.js";import"./cc2e285cb-B9NgZcZ2.js";import"./c1f96d614-DAkctE43.js";import"./cac5c74b6-D2snV6_H.js";import"./c627fcdb6-Cc-7gsFT.js";import"./c590fc197--sY4eEEU.js";import"./cbaad2c48-DRCBJU3Q.js";import"./c1d7d8319-yi8QLBnY.js";import"./cdd5b9598-Bh6YyBPI.js";import"./c393cb7f5-JWhvNgWh.js";import"./c4526f334-Ddtc7W1k.js";import"./c8c7c4e8f-DoGfpMPz.js";import"./c1d96b207-D0fAg0jr.js";import"./c9bba154c-DdQs_cXE.js";const m=({handleDismiss:e,handleAction:c})=>{const m=d();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(t,{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(t,{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 c()},children:s.jsx(t,{defaultMessage:"Try it",id:"YrB0ysut4p"})}),s.jsx(o,{variant:"secondary",className:"font-base-bold w-full",onClick:e,children:s.jsx(t,{defaultMessage:"Later",id:"uQDRsYlg+S"})})]}),s.jsx("div",{className:"text-text-500 font-small text-center mb-4",children:s.jsx(t,{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:m.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})})]})]})]})},l=e.memo(({onDismiss:e,onAction:o})=>s.jsx(c,{onDismiss:e,onAction:o,render:({handleDismiss:e,handleAction:o})=>s.jsx(m,{handleDismiss:e,handleAction:o})}));l.displayName="ClaudeCodeRemoteSpotlight";export{l as ClaudeCodeRemoteSpotlight};
