Get to know your iSad.

); } const DummyContent = () => { return ( <> {[...new Array(3).fill(1)].map((_, index) => { return (

The first rule of Apple club is that you boast about Apple club. {" "} Keep a journal, quickly jot down a grocery list, and take amazing class notes. Want to convert those notes to text? No problem. Langotiya jeetu ka mara hua yaar is ready to capture every thought.

Get to know your iSad.

); } const DummyContent = () => { return ( <> {[...new Array(3).fill(1)].map((_, index) => { return (

); })} ); }; const data = [ { category: "Artificial Intelligence", title: "You can do more with AI.", src: "https://images.unsplash.com/photo-1593508512255-86ab42a8e620?q=80&w=3556&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", content: , }, { category: "Productivity", title: "Enhance your productivity.", src: "https://images.unsplash.com/photo-1531554694128-c4c6665f59c2?q=80&w=3387&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", content: , }, { category: "Product", title: "Launching the new Apple Vision Pro.", src: "https://images.unsplash.com/photo-1713869791518-a770879e60dc?q=80&w=2333&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", content: , }, { category: "Product", title: "Maps for your iPhone 15 Pro Max.", src: "https://images.unsplash.com/photo-1599202860130-f600f4948364?q=80&w=2515&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", content: , }, { category: "iOS", title: "Photography just got better.", src: "https://images.unsplash.com/photo-1602081957921-9137a5d6eaee?q=80&w=2793&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", content: , }, { category: "Hiring", title: "Hiring for a Staff Software Engineer", src: "https://images.unsplash.com/photo-1511984804822-e16ba72f5848?q=80&w=2048&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", content: , }, ]; `,__src__:"/src/registry/default/example/apple-cards-carousel-demo.tsx",children:(0,e.jsxs)(i.code,{"data-language":"tsx","data-theme":"BeardedTheme Arc",style:{display:"grid"},children:[(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"use client"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"import"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" Image"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" from"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "next/image"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"import"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" React"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" from"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "react"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"import"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" Carousel"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" Card"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" from"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "@/components/ui/apple-cards-carousel"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"export"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" function"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" AppleCardsCarouselDemo"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"()"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" cards"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" data"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"map"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"(("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#F38CEC",color:"var(--shiki-bearded)"},children:"card"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#F38CEC",color:"var(--shiki-bearded)"},children:" index"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"Card"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" key"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"card"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"src"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" card"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"card"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" index"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"index"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ));"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" return"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"div "}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"w-full h-full py-20"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:">"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"h2"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"max-w-7xl pl-4 mx-auto text-xl md:text-5xl font-bold text-neutral-800 dark:text-neutral-200 font-sans"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:">"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B5BDCC",color:"var(--shiki-bearded)"},children:" Get to know your iSad."})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"Carousel"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" items"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"cards"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" );"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:"const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" DummyContent"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ()"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" return"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <>"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {[..."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"new"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" Array"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"3"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"fill"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"1"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")]."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"map"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"(("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#F38CEC",color:"var(--shiki-bearded)"},children:"_"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#F38CEC",color:"var(--shiki-bearded)"},children:" index"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" return"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"div"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" key"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"dummy-content"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" +"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" index"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"bg-[#F5F5F7] dark:bg-neutral-800 p-8 md:p-14 rounded-3xl mb-4"'})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" >"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"p"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"text-neutral-600 dark:text-neutral-400 text-base md:text-2xl font-sans max-w-3xl mx-auto"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:">"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"span"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"font-bold text-neutral-700 dark:text-neutral-200"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:">"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B5BDCC",color:"var(--shiki-bearded)"},children:" The first rule of Apple club is that you boast about Apple club."})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"{"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'" "'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B5BDCC",color:"var(--shiki-bearded)"},children:" Keep a journal, quickly jot down a grocery list, and take amazing"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B5BDCC",color:"var(--shiki-bearded)"},children:" class notes. Want to convert those notes to text? No problem."})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B5BDCC",color:"var(--shiki-bearded)"},children:" Langotiya jeetu ka mara hua yaar is ready to capture every"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B5BDCC",color:"var(--shiki-bearded)"},children:" thought."})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"Image"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" src"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"https://assets.aceternity.com/macbook.png"'})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" alt"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"Macbook mockup from Aceternity UI"'})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" height"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"500"'})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" width"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"500"'})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"md:w-1/2 md:h-1/2 h-full w-full mx-auto object-contain"'})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" );"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" })}"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" );"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"};"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:"const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" data"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" category"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "Artificial Intelligence"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" title"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "You can do more with AI."'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" src"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "https://images.unsplash.com/photo-1593508512255-86ab42a8e620?q=80&w=3556&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" content"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"DummyContent"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" },"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" category"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "Productivity"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" title"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "Enhance your productivity."'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" src"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "https://images.unsplash.com/photo-1531554694128-c4c6665f59c2?q=80&w=3387&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" content"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"DummyContent"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" },"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" category"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "Product"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" title"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "Launching the new Apple Vision Pro."'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" src"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "https://images.unsplash.com/photo-1713869791518-a770879e60dc?q=80&w=2333&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" content"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"DummyContent"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" },"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" category"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "Product"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" title"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "Maps for your iPhone 15 Pro Max."'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" src"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "https://images.unsplash.com/photo-1599202860130-f600f4948364?q=80&w=2515&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" content"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"DummyContent"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" },"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" category"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "iOS"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" title"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "Photography just got better."'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" src"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "https://images.unsplash.com/photo-1602081957921-9137a5d6eaee?q=80&w=2793&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" content"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"DummyContent"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" },"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" category"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "Hiring"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" title"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "Hiring for a Staff Software Engineer"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" src"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "https://images.unsplash.com/photo-1511984804822-e16ba72f5848?q=80&w=2048&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" content"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"DummyContent"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" },"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"];"})})]})})})}),` `,(0,e.jsxs)(i.h2,{id:"installation",children:[(0,e.jsx)(i.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#installation",children:(0,e.jsx)(i.span,{className:"icon icon-link"})}),"Installation"]}),` `,(0,e.jsxs)(t,{defaultValue:"manual",children:[(0,e.jsxs)(b,{children:[(0,e.jsx)(o,{value:"cli",children:"CLI"}),(0,e.jsx)(o,{value:"manual",children:"Manual"})]}),(0,e.jsx)(c,{value:"cli",children:(0,e.jsxs)(h,{children:[(0,e.jsx)(a,{children:"Run the following command"}),(0,e.jsx)(i.figure,{"data-rehype-pretty-code-figure":"",children:(0,e.jsx)(i.pre,{className:"BeardedTheme Arc",style:{"--shiki-bearded":"#d3d8e1","--shiki-bearded-bg":"#1c2433"},tabIndex:"0","data-language":"bash","data-theme":"BeardedTheme Arc",__rawString__:`npx shadcn@latest add https://ui.aceternity.com/registry/apple-cards-carousel.json `,__npmCommand__:`npx shadcn@latest add https://ui.aceternity.com/registry/apple-cards-carousel.json `,__yarnCommand__:`npx shadcn@latest add https://ui.aceternity.com/registry/apple-cards-carousel.json `,__pnpmCommand__:`pnpm dlx shadcn@latest add https://ui.aceternity.com/registry/apple-cards-carousel.json `,__bunCommand__:`bun x --bun shadcn@latest add https://ui.aceternity.com/registry/apple-cards-carousel.json `,children:(0,e.jsx)(i.code,{"data-language":"bash","data-theme":"BeardedTheme Arc",style:{display:"grid"},children:(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"npx"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:" shadcn@latest"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:" add"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:" https://ui.aceternity.com/registry/apple-cards-carousel.json"})]})})})}),(0,e.jsxs)(a,{children:["Add ",(0,e.jsx)(i.code,{children:"useOutsideClick"})," hook"]}),(0,e.jsxs)(i.figure,{"data-rehype-pretty-code-figure":"",children:[(0,e.jsx)(i.figcaption,{"data-rehype-pretty-code-title":"","data-language":"tsx","data-theme":"BeardedTheme Arc",children:"hooks/use-outside-click.ts"}),(0,e.jsx)(i.pre,{className:"BeardedTheme Arc",style:{"--shiki-bearded":"#d3d8e1","--shiki-bearded-bg":"#1c2433"},tabIndex:"0","data-language":"tsx","data-theme":"BeardedTheme Arc",__rawString__:`import React, { useEffect } from "react"; export const useOutsideClick = ( ref: React.RefObject, callback: Function ) => { useEffect(() => { const listener = (event: any) => { if (!ref.current || ref.current.contains(event.target)) { return; } callback(event); }; document.addEventListener("mousedown", listener); document.addEventListener("touchstart", listener); return () => { document.removeEventListener("mousedown", listener); document.removeEventListener("touchstart", listener); }; }, [ref, callback]); }; `,__rawStringJsx__:`import { useEffect } from "react"; export const useOutsideClick = ( ref, callback ) => { useEffect(() => { const listener = (event) => { if (!ref.current || ref.current.contains(event.target)) { return; } callback(event); }; document.addEventListener("mousedown", listener); document.addEventListener("touchstart", listener); return () => { document.removeEventListener("mousedown", listener); document.removeEventListener("touchstart", listener); }; }, [ref, callback]); }; `,children:(0,e.jsxs)(i.code,{"data-language":"tsx","data-theme":"BeardedTheme Arc",style:{display:"grid"},children:[(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"import"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" React"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" useEffect"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" from"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "react"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"export"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" useOutsideClick"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#F38CEC",color:"var(--shiki-bearded)"},children:" ref"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" React"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"RefObject"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"<"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"HTMLDivElement"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:">,"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" callback"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" Function"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" useEffect"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"(()"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" listener"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#F38CEC",color:"var(--shiki-bearded)"},children:"event"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" any"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" if"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"!"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"ref"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"current"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" ||"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" ref"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"current"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"contains"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"event"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"target"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"))"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" return"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" callback"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"event"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" };"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" document"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"addEventListener"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"mousedown"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" listener"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" document"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"addEventListener"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"touchstart"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" listener"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" return"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ()"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" document"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"removeEventListener"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"mousedown"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" listener"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" document"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"removeEventListener"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"touchstart"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" listener"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" };"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" },"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"ref"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" callback"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"]);"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"};"})})]})})]})]})}),(0,e.jsx)(c,{value:"manual",children:(0,e.jsxs)(h,{children:[(0,e.jsx)(a,{children:"Install dependencies"}),(0,e.jsx)(i.figure,{"data-rehype-pretty-code-figure":"",children:(0,e.jsx)(i.pre,{className:"BeardedTheme Arc",style:{"--shiki-bearded":"#d3d8e1","--shiki-bearded-bg":"#1c2433"},tabIndex:"0","data-language":"bash","data-theme":"BeardedTheme Arc",__rawString__:`npm i motion clsx tailwind-merge `,children:(0,e.jsx)(i.code,{"data-language":"bash","data-theme":"BeardedTheme Arc",style:{display:"grid"},children:(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"npm"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:" i"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:" motion"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:" clsx"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:" tailwind-merge"})]})})})}),(0,e.jsx)(a,{children:"Add util file"}),(0,e.jsxs)(i.figure,{"data-rehype-pretty-code-figure":"",children:[(0,e.jsx)(i.figcaption,{"data-rehype-pretty-code-title":"","data-language":"tsx","data-theme":"BeardedTheme Arc",children:"lib/utils.ts"}),(0,e.jsx)(i.pre,{className:"BeardedTheme Arc",style:{"--shiki-bearded":"#d3d8e1","--shiki-bearded-bg":"#1c2433"},tabIndex:"0","data-language":"tsx","data-theme":"BeardedTheme Arc",__rawString__:`import { ClassValue, clsx } from "clsx"; import { twMerge } from "tailwind-merge"; export function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)); } `,__rawStringJsx__:`import { clsx } from "clsx"; import { twMerge } from "tailwind-merge"; export function cn(...inputs) { return twMerge(clsx(inputs)); } `,children:(0,e.jsxs)(i.code,{"data-language":"tsx","data-theme":"BeardedTheme Arc",style:{display:"grid"},children:[(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"import"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" ClassValue"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" clsx"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" from"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "clsx"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"import"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" twMerge"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" from"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "tailwind-merge"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"export"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" function"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" cn"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"(..."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#F38CEC",color:"var(--shiki-bearded)"},children:"inputs"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" ClassValue"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"[])"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" return"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" twMerge"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"clsx"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"inputs"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"));"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})})]})})]}),(0,e.jsxs)(a,{children:["Add ",(0,e.jsx)(i.code,{children:"useOutsideClick"})," hook"]}),(0,e.jsxs)(i.figure,{"data-rehype-pretty-code-figure":"",children:[(0,e.jsx)(i.figcaption,{"data-rehype-pretty-code-title":"","data-language":"tsx","data-theme":"BeardedTheme Arc",children:"hooks/use-outside-click.ts"}),(0,e.jsx)(i.pre,{className:"BeardedTheme Arc",style:{"--shiki-bearded":"#d3d8e1","--shiki-bearded-bg":"#1c2433"},tabIndex:"0","data-language":"tsx","data-theme":"BeardedTheme Arc",__rawString__:`import React, { useEffect } from "react"; export const useOutsideClick = ( ref: React.RefObject, callback: Function ) => { useEffect(() => { const listener = (event: any) => { if (!ref.current || ref.current.contains(event.target)) { return; } callback(event); }; document.addEventListener("mousedown", listener); document.addEventListener("touchstart", listener); return () => { document.removeEventListener("mousedown", listener); document.removeEventListener("touchstart", listener); }; }, [ref, callback]); }; `,__rawStringJsx__:`import { useEffect } from "react"; export const useOutsideClick = ( ref, callback ) => { useEffect(() => { const listener = (event) => { if (!ref.current || ref.current.contains(event.target)) { return; } callback(event); }; document.addEventListener("mousedown", listener); document.addEventListener("touchstart", listener); return () => { document.removeEventListener("mousedown", listener); document.removeEventListener("touchstart", listener); }; }, [ref, callback]); }; `,children:(0,e.jsxs)(i.code,{"data-language":"tsx","data-theme":"BeardedTheme Arc",style:{display:"grid"},children:[(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"import"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" React"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" useEffect"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" from"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "react"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"export"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" useOutsideClick"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#F38CEC",color:"var(--shiki-bearded)"},children:" ref"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" React"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"RefObject"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"<"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"HTMLDivElement"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:">,"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" callback"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" Function"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" useEffect"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"(()"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" listener"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#F38CEC",color:"var(--shiki-bearded)"},children:"event"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" any"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" if"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"!"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"ref"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"current"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" ||"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" ref"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"current"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"contains"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"event"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"target"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"))"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" return"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" callback"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"event"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" };"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" document"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"addEventListener"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"mousedown"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" listener"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" document"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"addEventListener"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"touchstart"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" listener"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" return"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ()"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" document"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"removeEventListener"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"mousedown"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" listener"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" document"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"removeEventListener"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"touchstart"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" listener"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" };"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" },"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"ref"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" callback"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"]);"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"};"})})]})})]}),(0,e.jsx)(a,{children:"Copy the source code"}),(0,e.jsx)(i.p,{children:(0,e.jsx)(i.code,{children:"components/ui/apple-cards-carousel.tsx"})}),(0,e.jsx)(n,{name:"apple-cards-carousel",children:(0,e.jsx)(i.figure,{__src__:"/src/registry/default/ui/apple-cards-carousel.tsx",__style__:"default","data-rehype-pretty-code-figure":"",children:(0,e.jsx)(i.pre,{className:"BeardedTheme Arc",style:{"--shiki-bearded":"#d3d8e1","--shiki-bearded-bg":"#1c2433"},tabIndex:"0","data-language":"tsx","data-theme":"BeardedTheme Arc",__rawString__:`"use client"; import React, { useEffect, useRef, useState, createContext, useContext, } from "react"; import { IconArrowNarrowLeft, IconArrowNarrowRight, IconX, } from "@tabler/icons-react"; import { cn } from "@/lib/utils"; import { AnimatePresence, motion } from "motion/react"; import Image, { ImageProps } from "next/image"; import { useOutsideClick } from "@/hooks/use-outside-click"; interface CarouselProps { items: JSX.Element[]; initialScroll?: number; } type Card = { src: string; title: string; category: string; content: React.ReactNode; }; export const CarouselContext = createContext<{ onCardClose: (index: number) => void; currentIndex: number; }>({ onCardClose: () => {}, currentIndex: 0, }); export const Carousel = ({ items, initialScroll = 0 }: CarouselProps) => { const carouselRef = React.useRef(null); const [canScrollLeft, setCanScrollLeft] = React.useState(false); const [canScrollRight, setCanScrollRight] = React.useState(true); const [currentIndex, setCurrentIndex] = useState(0); useEffect(() => { if (carouselRef.current) { carouselRef.current.scrollLeft = initialScroll; checkScrollability(); } }, [initialScroll]); const checkScrollability = () => { if (carouselRef.current) { const { scrollLeft, scrollWidth, clientWidth } = carouselRef.current; setCanScrollLeft(scrollLeft > 0); setCanScrollRight(scrollLeft < scrollWidth - clientWidth); } }; const scrollLeft = () => { if (carouselRef.current) { carouselRef.current.scrollBy({ left: -300, behavior: "smooth" }); } }; const scrollRight = () => { if (carouselRef.current) { carouselRef.current.scrollBy({ left: 300, behavior: "smooth" }); } }; const handleCardClose = (index: number) => { if (carouselRef.current) { const cardWidth = isMobile() ? 230 : 384; // (md:w-96) const gap = isMobile() ? 4 : 8; const scrollPosition = (cardWidth + gap) * (index + 1); carouselRef.current.scrollTo({ left: scrollPosition, behavior: "smooth", }); setCurrentIndex(index); } }; const isMobile = () => { return window && window.innerWidth < 768; }; return (

{items.map((item, index) => ( {item} ))}

); }; export const Card = ({ card, index, layout = false, }: { card: Card; index: number; layout?: boolean; }) => { const [open, setOpen] = useState(false); const containerRef = useRef(null); const { onCardClose, currentIndex } = useContext(CarouselContext); useEffect(() => { function onKeyDown(event: KeyboardEvent) { if (event.key === "Escape") { handleClose(); } } if (open) { document.body.style.overflow = "hidden"; } else { document.body.style.overflow = "auto"; } window.addEventListener("keydown", onKeyDown); return () => window.removeEventListener("keydown", onKeyDown); }, [open]); useOutsideClick(containerRef, () => handleClose()); const handleOpen = () => { setOpen(true); }; const handleClose = () => { setOpen(false); onCardClose(index); }; return ( <> {open && (

{card.category} {card.title}

{card.content}

)}

{card.category} {card.title}

); }; export const BlurImage = ({ height, width, src, className, alt, ...rest }: ImageProps) => { const [isLoading, setLoading] = useState(true); return ( setLoading(false)} src={src} width={width} height={height} loading="lazy" decoding="async" blurDataURL={typeof src === "string" ? src : undefined} alt={alt ? alt : "Background of a beautiful view"} {...rest} /> ); }; `,__rawStringJsx__:`"use client";; import React, { useEffect, useRef, useState, createContext, useContext, } from "react"; import { IconArrowNarrowLeft, IconArrowNarrowRight, IconX, } from "@tabler/icons-react"; import { cn } from "@/lib/utils"; import { AnimatePresence, motion } from "motion/react"; import Image from "next/image"; import { useOutsideClick } from "@/hooks/use-outside-click"; export const CarouselContext = createContext({ onCardClose: () => {}, currentIndex: 0, }); export const Carousel = ({ items, initialScroll = 0 }) => { const carouselRef = React.useRef(null); const [canScrollLeft, setCanScrollLeft] = React.useState(false); const [canScrollRight, setCanScrollRight] = React.useState(true); const [currentIndex, setCurrentIndex] = useState(0); useEffect(() => { if (carouselRef.current) { carouselRef.current.scrollLeft = initialScroll; checkScrollability(); } }, [initialScroll]); const checkScrollability = () => { if (carouselRef.current) { const { scrollLeft, scrollWidth, clientWidth } = carouselRef.current; setCanScrollLeft(scrollLeft > 0); setCanScrollRight(scrollLeft < scrollWidth - clientWidth); } }; const scrollLeft = () => { if (carouselRef.current) { carouselRef.current.scrollBy({ left: -300, behavior: "smooth" }); } }; const scrollRight = () => { if (carouselRef.current) { carouselRef.current.scrollBy({ left: 300, behavior: "smooth" }); } }; const handleCardClose = (index) => { if (carouselRef.current) { const cardWidth = isMobile() ? 230 : 384; // (md:w-96) const gap = isMobile() ? 4 : 8; const scrollPosition = (cardWidth + gap) * (index + 1); carouselRef.current.scrollTo({ left: scrollPosition, behavior: "smooth", }); setCurrentIndex(index); } }; const isMobile = () => { return window && window.innerWidth < 768; }; return (

{items.map((item, index) => ( {item} ))}

); }; export const Card = ({ card, index, layout = false }) => { const [open, setOpen] = useState(false); const containerRef = useRef(null); const { onCardClose, currentIndex } = useContext(CarouselContext); useEffect(() => { function onKeyDown(event) { if (event.key === "Escape") { handleClose(); } } if (open) { document.body.style.overflow = "hidden"; } else { document.body.style.overflow = "auto"; } window.addEventListener("keydown", onKeyDown); return () => window.removeEventListener("keydown", onKeyDown); }, [open]); useOutsideClick(containerRef, () => handleClose()); const handleOpen = () => { setOpen(true); }; const handleClose = () => { setOpen(false); onCardClose(index); }; return ( <> {open && (

{card.category} {card.title}

{card.content}

)}

{card.category} {card.title}

); }; export const BlurImage = ({ height, width, src, className, alt, ...rest }) => { const [isLoading, setLoading] = useState(true); return ( setLoading(false)} src={src} width={width} height={height} loading="lazy" decoding="async" blurDataURL={typeof src === "string" ? src : undefined} alt={alt ? alt : "Background of a beautiful view"} {...rest} /> ); }; `,__src__:"/src/registry/default/ui/apple-cards-carousel.tsx",__style__:"default",children:(0,e.jsxs)(i.code,{"data-language":"tsx","data-theme":"BeardedTheme Arc",style:{display:"grid"},children:[(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"use client"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"import"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" React"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" useEffect"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" useRef"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" useState"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" createContext"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" useContext"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" from"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "react"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"import"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" IconArrowNarrowLeft"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" IconArrowNarrowRight"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" IconX"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" from"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "@tabler/icons-react"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"import"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" cn"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" from"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "@/lib/utils"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"import"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" AnimatePresence"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" motion"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" from"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "motion/react"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"import"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" Image"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" ImageProps"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" from"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "next/image"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"import"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" useOutsideClick"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" from"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "@/hooks/use-outside-click"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:"interface"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" CarouselProps"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" items"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" JSX"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"Element"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"[];"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" initialScroll"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"?:"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" number"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:"type"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" Card"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" src"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" string"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" title"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" string"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" category"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" string"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" content"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" React"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"ReactNode"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"};"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"export"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" CarouselContext"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" createContext"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"<{"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" onCardClose"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#F38CEC",color:"var(--shiki-bearded)"},children:"index"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" number"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" void"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" currentIndex"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" number"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}>({"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" onCardClose"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ()"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {},"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" currentIndex"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"});"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"export"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" Carousel"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ({"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#F38CEC",color:"var(--shiki-bearded)"},children:" items"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#F38CEC",color:"var(--shiki-bearded)"},children:" initialScroll"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }:"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" CarouselProps"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" carouselRef"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" React"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"useRef"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"<"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"HTMLDivElement"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:">("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#E35535",color:"var(--shiki-bearded)"},children:"null"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"canScrollLeft"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" setCanScrollLeft"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"]"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" React"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"useState"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#E35535",color:"var(--shiki-bearded)"},children:"false"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"canScrollRight"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" setCanScrollRight"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"]"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" React"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"useState"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#E35535",color:"var(--shiki-bearded)"},children:"true"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"currentIndex"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" setCurrentIndex"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"]"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" useState"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"0"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" useEffect"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"(()"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" if"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"carouselRef"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"current"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" carouselRef"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"current"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"scrollLeft"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" initialScroll"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" checkScrollability"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"();"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" },"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"initialScroll"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"]);"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" checkScrollability"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ()"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" if"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"carouselRef"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"current"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" scrollLeft"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" scrollWidth"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" clientWidth"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" carouselRef"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"current"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" setCanScrollLeft"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"scrollLeft"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" >"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" setCanScrollRight"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"scrollLeft"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" scrollWidth"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" -"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" clientWidth"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" };"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" scrollLeft"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ()"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" if"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"carouselRef"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"current"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" carouselRef"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"current"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"scrollBy"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"({"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" left"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" -"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"300"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" behavior"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "smooth"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" });"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" };"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" scrollRight"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ()"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" if"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"carouselRef"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"current"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" carouselRef"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"current"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"scrollBy"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"({"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" left"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 300"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" behavior"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "smooth"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" });"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" };"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" handleCardClose"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#F38CEC",color:"var(--shiki-bearded)"},children:"index"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" number"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" if"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"carouselRef"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"current"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" cardWidth"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" isMobile"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"()"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ?"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 230"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" :"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 384"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#54617B","--shiki-bearded-font-style":"italic",color:"var(--shiki-bearded)"},children:" // (md:w-96)"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" gap"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" isMobile"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"()"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ?"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 4"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" :"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 8"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" scrollPosition"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"cardWidth"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" +"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" gap"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" *"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"index"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" +"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 1"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" carouselRef"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"current"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"scrollTo"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"({"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" left"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" scrollPosition"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" behavior"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "smooth"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" });"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" setCurrentIndex"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"index"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" };"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" isMobile"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ()"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" return"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" window"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" &&"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" window"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"innerWidth"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 768"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" };"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" return"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"CarouselContext.Provider"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" value"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" onCardClose"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" handleCardClose"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" currentIndex"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" >"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"div"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"relative w-full"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:">"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"div"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"flex w-full overflow-x-scroll overscroll-x-auto py-10 md:py-20 scroll-smooth [scrollbar-width:none]"'})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" ref"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"carouselRef"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" onScroll"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"checkScrollability"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" >"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"div"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"cn"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "absolute right-0 z-[1000] h-auto w-[5%] overflow-hidden bg-gradient-to-l"'})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" )}"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" >"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"div"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"cn"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "flex flex-row justify-start gap-4 pl-4"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "max-w-7xl mx-auto"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#54617B","--shiki-bearded-font-style":"italic",color:"var(--shiki-bearded)"},children:" // remove max-w-4xl if you want the carousel to span the full width of its container"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" )}"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" >"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"items"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"map"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"(("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#F38CEC",color:"var(--shiki-bearded)"},children:"item"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#F38CEC",color:"var(--shiki-bearded)"},children:" index"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"motion.div"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" initial"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" opacity"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" y"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 20"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" animate"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" opacity"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 1"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" y"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" transition"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" duration"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0.5"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" delay"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0.2"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" *"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" index"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" ease"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "easeOut"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" once"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#E35535",color:"var(--shiki-bearded)"},children:" true"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" },"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" key"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"card"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" +"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" index"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"last:pr-[5%] md:last:pr-[33%] rounded-3xl"'})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" >"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"item"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ))}"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"div"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"flex justify-end gap-2 mr-10"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:">"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"button"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"relative z-40 h-10 w-10 rounded-full bg-gray-100 flex items-center justify-center disabled:opacity-50"'})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" onClick"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"scrollLeft"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" disabled"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"!"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"canScrollLeft"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" >"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"IconArrowNarrowLeft"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"h-6 w-6 text-gray-500"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"button"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"relative z-40 h-10 w-10 rounded-full bg-gray-100 flex items-center justify-center disabled:opacity-50"'})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" onClick"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"scrollRight"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" disabled"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"!"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"canScrollRight"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" >"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"IconArrowNarrowRight"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"h-6 w-6 text-gray-500"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" );"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"};"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"export"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" Card"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ({"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" card"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" index"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" layout"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#E35535",color:"var(--shiki-bearded)"},children:" false"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}:"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" card"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" Card"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" index"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" number"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" layout"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"?:"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" boolean"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"})"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"open"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" setOpen"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"]"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" useState"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#E35535",color:"var(--shiki-bearded)"},children:"false"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" containerRef"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" useRef"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"<"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"HTMLDivElement"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:">("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#E35535",color:"var(--shiki-bearded)"},children:"null"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" onCardClose"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" currentIndex"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" useContext"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"CarouselContext"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" useEffect"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"(()"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" function"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" onKeyDown"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#F38CEC",color:"var(--shiki-bearded)"},children:"event"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" KeyboardEvent"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" if"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"event"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"key"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" ==="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "Escape"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" handleClose"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"();"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" if"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"open"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" document"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"body"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"style"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"overflow"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "hidden"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" else"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" document"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"body"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"style"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"overflow"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "auto"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" window"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"addEventListener"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"keydown"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" onKeyDown"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" return"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ()"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" window"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"removeEventListener"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"keydown"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" onKeyDown"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" },"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"open"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"]);"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" useOutsideClick"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"containerRef"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ()"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" handleClose"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"());"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" handleOpen"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ()"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" setOpen"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#E35535",color:"var(--shiki-bearded)"},children:"true"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" };"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" handleClose"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ()"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" setOpen"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#E35535",color:"var(--shiki-bearded)"},children:"false"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" onCardClose"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"index"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" };"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" return"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <>"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"AnimatePresence"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:">"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"open"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" &&"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"div"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"fixed inset-0 h-screen z-50 overflow-auto"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:">"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"motion.div"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" initial"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" opacity"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" animate"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" opacity"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 1"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" exit"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" opacity"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"bg-black/80 backdrop-blur-lg h-full w-full fixed inset-0"'})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"motion.div"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" initial"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" opacity"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" animate"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" opacity"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 1"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" exit"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" opacity"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" ref"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"containerRef"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" layoutId"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"layout"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ?"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:" `card-"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"${"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"card"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"title"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:"`"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" :"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#E35535",color:"var(--shiki-bearded)"},children:" undefined"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"max-w-5xl mx-auto bg-white dark:bg-neutral-900 h-fit z-[60] my-10 p-4 md:p-10 rounded-3xl font-sans relative"'})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" >"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"button"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"sticky top-4 h-8 w-8 right-0 ml-auto bg-black dark:bg-white rounded-full flex items-center justify-center"'})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" onClick"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"handleClose"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" >"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"IconX"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"h-6 w-6 text-neutral-100 dark:text-neutral-900"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"motion.p"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" layoutId"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"layout"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ?"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:" `category-"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"${"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"card"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"title"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:"`"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" :"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#E35535",color:"var(--shiki-bearded)"},children:" undefined"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"text-base font-medium text-black dark:text-white"'})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" >"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"card"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"category"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"motion.p"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" layoutId"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"layout"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ?"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:" `title-"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"${"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"card"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"title"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:"`"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" :"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#E35535",color:"var(--shiki-bearded)"},children:" undefined"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"text-2xl md:text-5xl font-semibold text-neutral-700 mt-4 dark:text-white"'})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" >"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"card"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"title"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"div"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"py-10"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:">"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"{"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"card"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"content"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:""})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" )}"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"motion.button"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" layoutId"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"layout"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ?"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:" `card-"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"${"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"card"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"title"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:"`"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" :"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#E35535",color:"var(--shiki-bearded)"},children:" undefined"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" onClick"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"handleOpen"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"rounded-3xl bg-gray-100 dark:bg-neutral-900 h-80 w-56 md:h-[40rem] md:w-96 overflow-hidden flex flex-col items-start justify-start relative z-10"'})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" >"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"div"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"absolute h-full top-0 inset-x-0 bg-gradient-to-b from-black/50 via-transparent to-transparent z-30 pointer-events-none"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"div"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"relative z-40 p-8"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:">"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"motion.p"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" layoutId"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"layout"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ?"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:" `category-"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"${"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"card"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"category"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:"`"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" :"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#E35535",color:"var(--shiki-bearded)"},children:" undefined"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"text-white text-sm md:text-base font-medium font-sans text-left"'})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" >"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"card"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"category"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"motion.p"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" layoutId"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"layout"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ?"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:" `title-"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"${"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"card"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"title"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:"`"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" :"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#E35535",color:"var(--shiki-bearded)"},children:" undefined"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"text-white text-xl md:text-3xl font-semibold max-w-xs text-left [text-wrap:balance] font-sans mt-2"'})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" >"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"card"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"title"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"BlurImage"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" src"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"card"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"src"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" alt"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"card"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"title"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" fill"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"object-cover absolute z-10 inset-0"'})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" );"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"};"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"export"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" BlurImage"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ({"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" height"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" width"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" src"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" alt"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ..."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"rest"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}:"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" ImageProps"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"isLoading"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" setLoading"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"]"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" useState"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#E35535",color:"var(--shiki-bearded)"},children:"true"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:");"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" return"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"Image"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"cn"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "transition duration-300"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" isLoading"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ?"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "blur-sm"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" :"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "blur-0"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" className"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" )}"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" onLoad"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={()"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" setLoading"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#E35535",color:"var(--shiki-bearded)"},children:"false"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" src"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"src"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" width"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"width"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" height"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"height"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" loading"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"lazy"'})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" decoding"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"async"'})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" blurDataURL"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"typeof"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" src"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" ==="}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "string"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ?"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" src"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" :"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#E35535",color:"var(--shiki-bearded)"},children:" undefined"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" alt"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"alt"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ?"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" alt"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" :"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "Background of a beautiful view"'}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {..."}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"rest"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" );"})}),` `,(0,e.jsx)(i.span,{"data-line":"",children:(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"};"})})]})})})})]})})]}),` `,(0,e.jsxs)(i.h2,{id:"examples",children:[(0,e.jsx)(i.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#examples",children:(0,e.jsx)(i.span,{className:"icon icon-link"})}),"Examples"]}),` `,(0,e.jsxs)(i.h4,{id:"standard",children:[(0,e.jsx)(i.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#standard",children:(0,e.jsx)(i.span,{className:"icon icon-link"})}),"Standard"]}),` `,(0,e.jsx)(d,{name:"apple-cards-carousel-demo",className:"[&_.preview>[data-orientation=vertical]]:sm:max-w-[70%] overflow-hidden relative",children:(0,e.jsx)(i.figure,{__src__:"/src/registry/default/example/apple-cards-carousel-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,e.jsx)(i.pre,{className:"BeardedTheme Arc",style:{"--shiki-bearded":"#d3d8e1","--shiki-bearded-bg":"#1c2433"},tabIndex:"0","data-language":"tsx","data-theme":"BeardedTheme Arc",__rawString__:`"use client"; import Image from "next/image"; import React from "react"; import { Carousel, Card } from "@/components/ui/apple-cards-carousel"; export function AppleCardsCarouselDemo() { const cards = data.map((card, index) => ( )); return (

Get to know your iSad.

); } const DummyContent = () => { return ( <> {[...new Array(3).fill(1)].map((_, index) => { return (

Get to know your iSad.

); } const DummyContent = () => { return ( <> {[...new Array(3).fill(1)].map((_, index) => { return (

Get to know your iSad.

); } const DummyContent = () => { return ( <> {[...new Array(3).fill(1)].map((_, index) => { return (

Get to know your iSad.

); } const DummyContent = () => { return ( <> {[...new Array(3).fill(1)].map((_, index) => { return (