import{o as e}from"./rolldown-runtime-iuO8RvI4.js";import{Mi as s,ki as a}from"./vendor-frame-CwiylG4Y.js";import{Qf as l,Vf as d,gp as i}from"./shared-1-3-6x7RKF.js";import{nn as n,rn as o}from"./vendor-all-2-BJdkbLSj.js";import{A as r,j as t}from"./shared-18-C5QwAjwU.js";var m=e(s()),c=a();function x({handleDismiss:e,handleAction:s}){const a=o();return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("div",{className:"absolute inset-0 flex -z-10",children:[(0,c.jsx)("div",{className:"w-full md:w-1/2 bg-bg-100 rounded-2xl md:rounded-e-none md:rounded-s-2xl"}),(0,c.jsx)("div",{className:"hidden md:block w-1/2 bg-bg-300 rounded-e-2xl"})]}),(0,c.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2",children:[(0,c.jsxs)("div",{className:"flex flex-col md:pe-8",children:[(0,c.jsx)(t,{className:"font-heading mb-4",children:(0,c.jsx)(n,{defaultMessage:"Claude Code, wherever you are",id:"aaslKZq/dL"})}),(0,c.jsx)("div",{className:"font-base text-text-300 space-y-4 mb-8",children:(0,c.jsx)("p",{children:(0,c.jsx)(n,{defaultMessage:"Code with Claude is now running in cloud environments. Keep your sessions in sync across web, mobile, and CLI.",id:"ttgHKqCANX"})})}),(0,c.jsxs)("div",{className:"mt-auto",children:[(0,c.jsxs)("div",{className:"flex flex-col gap-2 mb-2",children:[(0,c.jsx)(l,{variant:"primary",className:"font-base-bold w-full",onClick:async()=>{i({href:"/code",webBehavior:"new-tab",desktopBehavior:"open-in-browser"}),await s()},children:(0,c.jsx)(n,{defaultMessage:"Try it",id:"YrB0ysut4p"})}),(0,c.jsx)(l,{variant:"secondary",className:"font-base-bold w-full",onClick:e,children:(0,c.jsx)(n,{defaultMessage:"Later",id:"uQDRsYlg+S"})})]}),(0,c.jsx)("div",{className:"text-text-500 font-small text-center mb-4",children:(0,c.jsx)(n,{defaultMessage:"Available with a Claude Pro or Max plan",id:"jl9p1xxDYB"})})]})]}),(0,c.jsxs)("div",{className:"relative hidden md:flex items-center justify-center md:-me-6 md:-mt-6 md:-mb-6",children:[(0,c.jsx)("img",{loading:"lazy",src:"/images/spotlights/claude-code-remote-spotlight.png",alt:a.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"}),(0,c.jsx)("div",{className:"absolute top-4 right-4",children:(0,c.jsx)(d,{onClose:e})})]})]})]})}var h=(0,m.memo)(({onDismiss:e,onAction:s})=>(0,c.jsx)(r,{onDismiss:e,onAction:s,render:({handleDismiss:e,handleAction:s})=>(0,c.jsx)(x,{handleDismiss:e,handleAction:s})}));export{h as ClaudeCodeRemoteSpotlight};