import{j as s,r as e}from"./vendor-react-AXa6hZO5.js";import{B as o,I as a,M as i}from"./cec18ad9a-DiLjrOUd.js";import{u as d,M as n}from"./vendor-intl-BdADXLLt.js";import{al as r,S as l}from"./index-C_tZnXTW.js";import{T as t}from"./vendor-radix-glKlawmm.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 c=({handleDismiss:e,handleAction:l})=>{const c=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-000 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 gap-4 md:pe-6",children:[s.jsx(r,{variant:"NEW",className:"mb-4"}),s.jsx(t,{asChild:!0,children:s.jsx("h1",{className:"font-title mb-2",children:s.jsx(n,{defaultMessage:"Code with Claude in<br></br>your IDE",id:"rD53CSi6zK",values:{br:()=>s.jsx("br",{})}})})}),s.jsx(n,{defaultMessage:"Love using Claude for code? There's an even better way. Claude Code lives right in your editor—VS Code, Cursor, or Windsurf—so you can chat and build in one place.",id:"7KZEyXiptB"}),s.jsxs("div",{className:"mt-6 flex flex-col gap-2",children:[s.jsx(o,{variant:"primary",className:"font-base-bold w-full",onClick:async()=>{window.open("vscode:extension/anthropic.claude-code","_blank"),await l({actionName:"vscode"})},children:s.jsx(n,{defaultMessage:"Install in VS Code",id:"56+24OPBb0"})}),s.jsx(o,{variant:"secondary",className:"font-base-bold",onClick:async()=>{window.open("cursor:extension/anthropic.claude-code","_blank"),await l({actionName:"cursor"})},children:s.jsx(n,{defaultMessage:"Install in Cursor",id:"pjRkd7iMMX"})}),s.jsx(o,{variant:"secondary",className:"font-base-bold",onClick:async()=>{window.open("windsurf:extension/anthropic.claude-code","_blank"),await l({actionName:"windsurf"})},children:s.jsx(n,{defaultMessage:"Install in Windsurf",id:"O7cmC5YEab"})}),s.jsx(o,{variant:"secondary",className:"font-base-bold w-full",onClick:e,children:s.jsx(n,{defaultMessage:"Later",id:"uQDRsYlg+S"})})]})]}),s.jsxs("div",{className:"relative hidden md:flex items-center justify-center md:-me-6 md:-mt-6 md:-mb-6",children:[s.jsx(a,{src:"/images/spotlights/claude-code-ide-extension-spotlight.png",alt:c.formatMessage({defaultMessage:"Claude Code IDE extension spotlight",id:"cml5PTFQZv"}),width:749,height:517,className:"w-full h-full object-cover rounded-e-2xl"}),s.jsx("div",{className:"absolute top-4 right-4",children:s.jsx(i,{onClose:e})})]})]})]})},m=e.memo(({onDismiss:e,onAction:o})=>s.jsx(l,{onDismiss:e,onAction:o,render:({handleDismiss:e,handleAction:o})=>s.jsx(c,{handleDismiss:e,handleAction:o})}));m.displayName="IdeExtensionSpotlight";export{m as IdeExtensionSpotlight};
