import{j as s,r as e}from"./vendor-react-Dp9pL_Wn.js";import{U as o,V as i}from"./c4b350ac1-KLFM4jkb.js";import{u as a,M as r}from"./vendor-intl-BDR1NhN_.js";import{a3 as d,Q as n,S as t}from"./index-CSvjYuL_.js";import"./vendor-ant-cds-DvTmcYA1.js";import"./vendor-base-ui-CdQU4JQh.js";import"./vendor-radix-D3USJ4lr.js";import"./vendor-base-5_f7mmWg.js";import"./vendor-virtual-DRz8lJfQ.js";import"./vendor-zod-DIcz3Rbr.js";import"./vendor-zustand-CI9omAwJ.js";import"./vendor-icons-BBStP_8q.js";import"./vendor-lodash-CIro4mst.js";import"./vendor-router-qG5OCEmI.js";import"./vendor-query-DgCRID2b.js";import"./vendor-motion-D7Z1qgzM.js";import"./vendor-luxon-Y8l99kBI.js";import"./vendor-infra-DayZK7Ds.js";import"./vendor-growthbook-C66YtMMX.js";import"./c40b9b8f5-CcFpJKg-.js";import"./c393cb7f5-HUvLXarC.js";import"./ca8998c31-P9hjFFxa.js";import"./cbf215181-Bsdk_iVX.js";import"./c82022b5f-v1T93ITZ.js";import"./c627fcdb6-v1yU0Z6G.js";import"./c85adc124-DaXgLnIc.js";import"./c4b43b0ae-CSVSIKUp.js";import"./ce61829b3-0upsP-GZ.js";import"./c0632795f-DFHAnV4h.js";import"./c1f96d614-CNpmgQ8l.js";import"./c2591c98b-B0JYd9Jp.js";import"./c9bba154c-Bw59591Y.js";import"./c2a658aad-Db1B4w67.js";import"./c0e977562-B_Zbx8nl.js";import"./c9f4bb49e-CrIVzJHt.js";import"./cc2dfdfd3-BrnuP9el.js";import"./c6a992d55-BgxzHrh5.js";import"./c9e81e7b9-CQ79hI5E.js";import"./cdd5b9598-DXIbe6ku.js";import"./cf57f6351-BOW8NPIt.js";import"./c5669b8e4-B4xCGVen.js";import"./c93f725a0-BmtJGQGk.js";import"./c26148d62-Db4ihZzY.js";import"./c3a36db6f-BVEOyI7C.js";import"./cc2e285cb-ERZJd0nP.js";import"./c4526f334-DmmtJSHf.js";import"./cb59e2e62-DU7B8aps.js";import"./c009a87a0-BdYPxNaw.js";import"./c8c15d455-BRkvbsON.js";import"./c0f96d0e0-DGUPaEDS.js";function c({handleDismiss:e,handleAction:t}){const c=a();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(d,{variant:"NEW",className:"mb-4"}),s.jsx(n,{className:"font-title mb-2",children:s.jsx(r,{defaultMessage:"Code with Claude in<br></br>your IDE",id:"rD53CSi6zK",values:{br:()=>s.jsx("br",{})}})}),s.jsx(r,{defaultMessage:"Love using Claude for code? There's an even better way. Claude Code lives right in your editor\u2014VS Code, Cursor, or Windsurf\u2014so 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 t({actionName:"vscode"})},children:s.jsx(r,{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 t({actionName:"cursor"})},children:s.jsx(r,{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 t({actionName:"windsurf"})},children:s.jsx(r,{defaultMessage:"Install in Windsurf",id:"O7cmC5YEab"})}),s.jsx(o,{variant:"secondary",className:"font-base-bold w-full",onClick:e,children:s.jsx(r,{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("img",{loading:"lazy",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})})]})]})]})}const l=e.memo(({onDismiss:e,onAction:o})=>s.jsx(t,{onDismiss:e,onAction:o,render:({handleDismiss:e,handleAction:o})=>s.jsx(c,{handleDismiss:e,handleAction:o})}));l.displayName="IdeExtensionSpotlight";export{l as IdeExtensionSpotlight};
