import{j as e,r as s}from"./vendor-react-Dp9pL_Wn.js";import{X as o,q as a,Y as d}from"./c6eedc03a-CsEFTfjy.js";import{u as i,M as r}from"./vendor-intl-D2wGIp4M.js";import{ab as n,S as t}from"./index-CBEPphRm.js";import"./vendor-ant-cds-bBedrtIN.js";import"./vendor-base-ui-DNypCIlh.js";import"./vendor-radix-Ch96tRrt.js";import"./vendor-base-5_f7mmWg.js";import"./vendor-virtual-DRz8lJfQ.js";import"./vendor-zod-0xcuG3aM.js";import"./vendor-zustand-BeF8W8xk.js";import"./vendor-icons-CokWnmlw.js";import"./vendor-lodash-BvMLws5K.js";import"./vendor-router-qG5OCEmI.js";import"./vendor-query-BwvgHhJ1.js";import"./vendor-zod-v3-CZy0YPWu.js";import"./vendor-motion-EDlUw66k.js";import"./vendor-luxon-CZxT8ieM.js";import"./vendor-growthbook-C66YtMMX.js";import"./vendor-infra-DayZK7Ds.js";import"./caf7c7e06-DJYXCm3T.js";import"./c5669b8e4-DFSq88jr.js";import"./c5f4e1303-CiyIFgnl.js";import"./cbaad2c48-DaP34LG2.js";function l({handleDismiss:s,handleAction:t}){const l=i();return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"absolute inset-0 flex -z-10",children:[e.jsx("div",{className:"w-full md:w-1/2 bg-bg-100 rounded-2xl md:rounded-e-none md:rounded-s-2xl"}),e.jsx("div",{className:"hidden md:block w-1/2 bg-bg-300 rounded-e-2xl"})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2",children:[e.jsxs("div",{className:"flex flex-col md:pe-8",children:[e.jsx(n,{className:"font-heading mb-4",children:e.jsx(r,{defaultMessage:"Claude Code, wherever you are",id:"aaslKZq/dL"})}),e.jsx("div",{className:"font-base text-text-300 space-y-4 mb-8",children:e.jsx("p",{children:e.jsx(r,{defaultMessage:"Code with Claude is now running in cloud environments. Keep your sessions in sync across web, mobile, and CLI.",id:"ttgHKqCANX"})})}),e.jsxs("div",{className:"mt-auto",children:[e.jsxs("div",{className:"flex flex-col gap-2 mb-2",children:[e.jsx(o,{variant:"primary",className:"font-base-bold w-full",onClick:async()=>{a({href:"/code",webBehavior:"new-tab",desktopBehavior:"open-in-browser"}),await t()},children:e.jsx(r,{defaultMessage:"Try it",id:"YrB0ysut4p"})}),e.jsx(o,{variant:"secondary",className:"font-base-bold w-full",onClick:s,children:e.jsx(r,{defaultMessage:"Later",id:"uQDRsYlg+S"})})]}),e.jsx("div",{className:"text-text-500 font-small text-center mb-4",children:e.jsx(r,{defaultMessage:"Available with a Claude Pro or Max plan",id:"jl9p1xxDYB"})})]})]}),e.jsxs("div",{className:"relative hidden md:flex items-center justify-center md:-me-6 md:-mt-6 md:-mb-6",children:[e.jsx("img",{loading:"lazy",src:"/images/spotlights/claude-code-remote-spotlight.png",alt:l.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"}),e.jsx("div",{className:"absolute top-4 right-4",children:e.jsx(d,{onClose:s})})]})]})]})}const m=s.memo(({onDismiss:s,onAction:o})=>e.jsx(t,{onDismiss:s,onAction:o,render:({handleDismiss:s,handleAction:o})=>e.jsx(l,{handleDismiss:s,handleAction:o})}));m.displayName="ClaudeCodeRemoteSpotlight";export{m as ClaudeCodeRemoteSpotlight};
