import{j as s,r as e}from"./vendor-react-DcxrbCFs.js";import{Y as o,Z as i}from"./c4b350ac1-BTR_0NaM.js";import{u as a,M as d}from"./vendor-intl-C0z7gCkr.js";import{X as r,V as t,S as n}from"./index-BSvCx8kl.js";import"./vendor-ant-cds-BOj-tX6j.js";import"./vendor-base-ui-dYhdtXSh.js";import"./vendor-radix-BZeqcGXH.js";import"./vendor-virtual-sigx4wjL.js";import"./vendor-zod-Zyr3BDtu.js";import"./vendor-zustand-BLLlCrLG.js";import"./vendor-icons-ChFdOXlJ.js";import"./vendor-lodash--OmUGVwS.js";import"./vendor-router-DD4soP8u.js";import"./vendor-query-DdY22HAU.js";import"./vendor-luxon-Y8l99kBI.js";import"./vendor-infra-DayZK7Ds.js";import"./vendor-motion-HFQQEH7Z.js";import"./vendor-growthbook-Bq25eETo.js";import"./ca8998c31-6H5Q4Fd2.js";import"./c40b9b8f5-Da-ryo1W.js";import"./c4b43b0ae-760Yu4sg.js";import"./cbf215181-C3oidXTA.js";import"./c009a87a0-DXB61_5D.js";import"./c82022b5f-DK6eLSBd.js";import"./cc61d0d63-kW48LhDF.js";import"./c93f725a0-DejUT30N.js";import"./c85adc124-DNLst9Jo.js";import"./c26148d62-BlLiyl5z.js";import"./c0e977562-BYJ_xmcc.js";import"./c9f4bb49e-95JsAiB2.js";import"./cc2dfdfd3-C4WlGtCV.js";import"./c6a992d55-Bg3ygTzd.js";import"./c9e81e7b9-l4IaiKjm.js";import"./c5669b8e4-B184INBD.js";import"./cf57f6351-ChXug4Hw.js";import"./c0632795f-CL3ffsDQ.js";import"./cc2e285cb-B9NgZcZ2.js";import"./c1f96d614-DAkctE43.js";import"./cac5c74b6-D2snV6_H.js";import"./c627fcdb6-Cc-7gsFT.js";import"./c590fc197--sY4eEEU.js";import"./cbaad2c48-DRCBJU3Q.js";import"./c1d7d8319-yi8QLBnY.js";import"./cdd5b9598-Bh6YyBPI.js";import"./c393cb7f5-JWhvNgWh.js";import"./c4526f334-Ddtc7W1k.js";import"./c8c7c4e8f-DoGfpMPz.js";import"./c1d96b207-D0fAg0jr.js";import"./c9bba154c-DdQs_cXE.js";const c=({handleDismiss:e,handleAction:n})=>{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(r,{variant:"NEW",className:"mb-4"}),s.jsx(t,{className:"font-title mb-2",children:s.jsx(d,{defaultMessage:"Code with Claude in<br></br>your IDE",id:"rD53CSi6zK",values:{br:()=>s.jsx("br",{})}})}),s.jsx(d,{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 n({actionName:"vscode"})},children:s.jsx(d,{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 n({actionName:"cursor"})},children:s.jsx(d,{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 n({actionName:"windsurf"})},children:s.jsx(d,{defaultMessage:"Install in Windsurf",id:"O7cmC5YEab"})}),s.jsx(o,{variant:"secondary",className:"font-base-bold w-full",onClick:e,children:s.jsx(d,{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})})]})]})]})},l=e.memo(({onDismiss:e,onAction:o})=>s.jsx(n,{onDismiss:e,onAction:o,render:({handleDismiss:e,handleAction:o})=>s.jsx(c,{handleDismiss:e,handleAction:o})}));l.displayName="IdeExtensionSpotlight";export{l as IdeExtensionSpotlight};
