import{j as e,r as s}from"./vendor-react-AXa6hZO5.js";import{B as d,d as o,I as a,M as i}from"./cec18ad9a-DiLjrOUd.js";import{u as r,M as t}from"./vendor-intl-BdADXLLt.js";import{T as l}from"./vendor-radix-glKlawmm.js";import{S as n}from"./index-C_tZnXTW.js";import"./vendor-zod-CMvj0_Fd.js";import"./vendor-zustand-CcZsBpBq.js";import"./vendor-icons-Dy3Nea9p.js";import"./vendor-lodash-BKAXkXVe.js";import"./vendor-motion-0BJMgYoH.js";import"./vendor-infra-CFC-WJ8N.js";import"./vendor-router-BSYVf8By.js";import"./vendor-query-D7SPXjZv.js";import"./vendor-growthbook-XJcBFzji.js";import"./cdd5b9598-juLasKsB.js";import"./c2591c98b-9UrrTnB9.js";import"./vendor-luxon-D0OkDiyb.js";import"./c51f8bc6d-BS9P5nN1.js";import"./tree-sitter-BFuuT2ac.js";const m=({handleDismiss:s,handleAction:n})=>{const m=r();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(l,{asChild:!0,children:e.jsx("h1",{className:"font-heading mb-4",children:e.jsx(t,{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(t,{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(d,{variant:"primary",className:"font-base-bold w-full",onClick:async()=>{o({href:"/code",webBehavior:"new-tab",desktopBehavior:"open-in-browser"}),await n()},children:e.jsx(t,{defaultMessage:"Try it",id:"YrB0ysut4p"})}),e.jsx(d,{variant:"secondary",className:"font-base-bold w-full",onClick:s,children:e.jsx(t,{defaultMessage:"Later",id:"uQDRsYlg+S"})})]}),e.jsx("div",{className:"text-text-500 font-small text-center mb-4",children:e.jsx(t,{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(a,{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"}),e.jsx("div",{className:"absolute top-4 right-4",children:e.jsx(i,{onClose:s})})]})]})]})},c=s.memo(({onDismiss:s,onAction:d})=>e.jsx(n,{onDismiss:s,onAction:d,render:({handleDismiss:s,handleAction:d})=>e.jsx(m,{handleDismiss:s,handleAction:d})}));c.displayName="ClaudeCodeRemoteSpotlight";export{c as ClaudeCodeRemoteSpotlight};
