); } const testimonials = [ { quote: "It was the best of times, it was the worst of times, it was the age of wisdom, it was the age of foolishness, it was the epoch of belief, it was the epoch of incredulity, it was the season of Light, it was the season of Darkness, it was the spring of hope, it was the winter of despair.", name: "Charles Dickens", title: "A Tale of Two Cities", }, { quote: "To be, or not to be, that is the question: Whether 'tis nobler in the mind to suffer The slings and arrows of outrageous fortune, Or to take Arms against a Sea of troubles, And by opposing end them: to die, to sleep.", name: "William Shakespeare", title: "Hamlet", }, { quote: "All that we see or seem is but a dream within a dream.", name: "Edgar Allan Poe", title: "A Dream Within a Dream", }, { quote: "It is a truth universally acknowledged, that a single man in possession of a good fortune, must be in want of a wife.", name: "Jane Austen", title: "Pride and Prejudice", }, { quote: "Call me Ishmael. Some years ago\u2014never mind how long precisely\u2014having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world.", name: "Herman Melville", title: "Moby-Dick", }, ]; `,__src__:"/src/registry/default/example/infinite-moving-cards-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.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:"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":"#FF738A",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":"#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:" InfiniteMovingCards"}),(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:' "../ui/infinite-moving-cards"'}),(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:" InfiniteMovingCardsDemo"}),(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.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:'"h-[40rem] rounded-md flex flex-col antialiased bg-white dark:bg-black dark:bg-grid-white/[0.05] items-center justify-center relative overflow-hidden"'}),(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:"InfiniteMovingCards"})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(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:"testimonials"}),(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:" direction"}),(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:'"right"'})]}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" speed"}),(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:'"slow"'})]}),` `,(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.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:" testimonials"}),(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:" quote"}),(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:' "It was the best of times, it was the worst of times, it was the age of wisdom, it was the age of foolishness, it was the epoch of belief, it was the epoch of incredulity, it was the season of Light, it was the season of Darkness, it was the spring of hope, it was the winter of despair."'}),(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:" name"}),(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:' "Charles Dickens"'}),(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:' "A Tale of Two Cities"'}),(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:" quote"}),(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:` "To be, or not to be, that is the question: Whether 'tis nobler in the mind to suffer The slings and arrows of outrageous fortune, Or to take Arms against a Sea of troubles, And by opposing end them: to die, to sleep."`}),(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:" name"}),(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:' "William Shakespeare"'}),(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:' "Hamlet"'}),(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:" quote"}),(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:' "All that we see or seem is but a dream within a dream."'}),(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:" name"}),(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:' "Edgar Allan Poe"'}),(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:' "A Dream Within a Dream"'}),(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:" quote"}),(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:' "It is a truth universally acknowledged, that a single man in possession of a good fortune, must be in want of a wife."'}),(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:" name"}),(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:' "Jane Austen"'}),(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:' "Pride and Prejudice"'}),(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:" quote"}),(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:' "Call me Ishmael. Some years ago\u2014never mind how long precisely\u2014having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world."'}),(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:" name"}),(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:' "Herman Melville"'}),(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:' "Moby-Dick"'}),(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)(c,{children:[(0,e.jsx)(l,{value:"cli",children:"CLI"}),(0,e.jsx)(l,{value:"manual",children:"Manual"})]}),(0,e.jsx)(n,{value:"cli",children:(0,e.jsxs)(b,{children:[(0,e.jsx)(d,{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/infinite-moving-cards.json `,__npmCommand__:`npx shadcn@latest add https://ui.aceternity.com/registry/infinite-moving-cards.json `,__yarnCommand__:`npx shadcn@latest add https://ui.aceternity.com/registry/infinite-moving-cards.json `,__pnpmCommand__:`pnpm dlx shadcn@latest add https://ui.aceternity.com/registry/infinite-moving-cards.json `,__bunCommand__:`bun x --bun shadcn@latest add https://ui.aceternity.com/registry/infinite-moving-cards.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/infinite-moving-cards.json"})]})})})}),(0,e.jsx)(d,{children:"Choose your Tailwind CSS version"}),(0,e.jsxs)(t,{defaultValue:"v4",children:[(0,e.jsxs)(c,{children:[(0,e.jsx)(l,{value:"v4",children:"Tailwind CSS v4"}),(0,e.jsx)(l,{value:"v3",children:"Tailwind CSS v3"})]}),(0,e.jsxs)(n,{value:"v4",children:[(0,e.jsx)(d,{children:"Add the required animation to your CSS file"}),(0,e.jsxs)(i.figure,{"data-rehype-pretty-code-figure":"",children:[(0,e.jsx)(i.figcaption,{"data-rehype-pretty-code-title":"","data-language":"css","data-theme":"BeardedTheme Arc",children:"globals.css"}),(0,e.jsx)(i.pre,{className:"BeardedTheme Arc",style:{"--shiki-bearded":"#d3d8e1","--shiki-bearded-bg":"#1c2433"},tabIndex:"0","data-language":"css","data-theme":"BeardedTheme Arc",__rawString__:`@import "tailwindcss"; @theme inline { --animate-scroll: scroll var(--animation-duration, 40s) var(--animation-direction, forwards) linear infinite; @keyframes scroll { to { transform: translate(calc(-50% - 0.5rem)); } } } `,children:(0,e.jsxs)(i.code,{"data-language":"css","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":"#3CEC85",color:"var(--shiki-bearded)"},children:' "tailwindcss"'}),(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:"@theme"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B5BDCC",color:"var(--shiki-bearded)"},children:" inline "}),(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":"#B5BDCC",color:"var(--shiki-bearded)"},children:" --animate-scroll: scroll var(--animation-duration"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B5BDCC",color:"var(--shiki-bearded)"},children:" 40s) var(--animation-direction"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B5BDCC",color:"var(--shiki-bearded)"},children:" forwards) linear infinite;"})]}),` `,(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:" @keyframes"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" scroll"}),(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":"#B5BDCC",color:"var(--shiki-bearded)"},children:" to "}),(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:" transform"}),(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:" translate"}),(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:"calc"}),(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:"-50%"}),(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.5rem"}),(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.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})})]})})]})]}),(0,e.jsxs)(n,{value:"v3",children:[(0,e.jsx)(d,{children:"Add the required animation to your Tailwind CSS config"}),(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:"tailwind.config.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__:`/** @type {import('tailwindcss').Config} */ module.exports = { // ... other config theme: { extend: { animation: { scroll: "scroll var(--animation-duration, 40s) var(--animation-direction, forwards) linear infinite", }, keyframes: { scroll: { to: { transform: "translate(calc(-50% - 0.5rem))", }, }, }, }, }, }; `,__rawStringJsx__:`/** @type {import('tailwindcss').Config} */ module.exports = { // ... other config theme: { extend: { animation: { scroll: "scroll var(--animation-duration, 40s) var(--animation-direction, forwards) linear infinite", }, keyframes: { scroll: { to: { transform: "translate(calc(-50% - 0.5rem))", }, }, }, }, }, }; `,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":"#54617B","--shiki-bearded-font-style":"italic",color:"var(--shiki-bearded)"},children:"/** "}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61","--shiki-bearded-font-style":"italic",color:"var(--shiki-bearded)"},children:"@type"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160","--shiki-bearded-font-style":"italic",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF","--shiki-bearded-font-style":"italic",color:"var(--shiki-bearded)"},children:"import('tailwindcss').Config"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160","--shiki-bearded-font-style":"italic",color:"var(--shiki-bearded)"},children:"}"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#54617B","--shiki-bearded-font-style":"italic",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:"module"}),(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:"exports"}),(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":"#54617B","--shiki-bearded-font-style":"italic",color:"var(--shiki-bearded)"},children:" // ... other config"})}),` `,(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" theme"}),(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:" extend"}),(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:" animation"}),(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:" scroll"}),(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:' "scroll var(--animation-duration, 40s) var(--animation-direction, forwards) linear infinite"'}),(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:" keyframes"}),(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:" scroll"}),(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:" to"}),(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:" transform"}),(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:' "translate(calc(-50% - 0.5rem))"'}),(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.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.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"};"})})]})})]})]})]})]})}),(0,e.jsx)(n,{value:"manual",children:(0,e.jsxs)(b,{children:[(0,e.jsx)(d,{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)(d,{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.jsx)(d,{children:"Add CSS styles"}),(0,e.jsxs)(t,{defaultValue:"v4",children:[(0,e.jsxs)(c,{children:[(0,e.jsx)(l,{value:"v4",children:"Tailwind CSS v4"}),(0,e.jsx)(l,{value:"v3",children:"Tailwind CSS v3"})]}),(0,e.jsx)(n,{value:"v4",children:(0,e.jsxs)(i.figure,{"data-rehype-pretty-code-figure":"",children:[(0,e.jsx)(i.figcaption,{"data-rehype-pretty-code-title":"","data-language":"css","data-theme":"BeardedTheme Arc",children:"app/globals.css"}),(0,e.jsx)(i.pre,{className:"BeardedTheme Arc",style:{"--shiki-bearded":"#d3d8e1","--shiki-bearded-bg":"#1c2433"},tabIndex:"0","data-language":"css","data-theme":"BeardedTheme Arc",__rawString__:`@import "tailwindcss"; @theme inline { --animate-scroll: scroll var(--animation-duration, 40s) var(--animation-direction, forwards) linear infinite; @keyframes scroll { to { transform: translate(calc(-50% - 0.5rem)); } } } `,children:(0,e.jsxs)(i.code,{"data-language":"css","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":"#3CEC85",color:"var(--shiki-bearded)"},children:' "tailwindcss"'}),(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:"@theme"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B5BDCC",color:"var(--shiki-bearded)"},children:" inline "}),(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":"#B5BDCC",color:"var(--shiki-bearded)"},children:" --animate-scroll: scroll var(--animation-duration"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B5BDCC",color:"var(--shiki-bearded)"},children:" 40s) var(--animation-direction"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B5BDCC",color:"var(--shiki-bearded)"},children:" forwards) linear infinite;"})]}),` `,(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:" @keyframes"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" scroll"}),(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":"#B5BDCC",color:"var(--shiki-bearded)"},children:" to "}),(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:" transform"}),(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:" translate"}),(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:"calc"}),(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:"-50%"}),(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.5rem"}),(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.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})})]})})]})}),(0,e.jsx)(n,{value:"v3",children:(0,e.jsxs)(i.figure,{"data-rehype-pretty-code-figure":"",children:[(0,e.jsx)(i.figcaption,{"data-rehype-pretty-code-title":"","data-language":"js","data-theme":"BeardedTheme Arc",children:"tailwind.config.js"}),(0,e.jsx)(i.pre,{className:"BeardedTheme Arc",style:{"--shiki-bearded":"#d3d8e1","--shiki-bearded-bg":"#1c2433"},tabIndex:"0","data-language":"js","data-theme":"BeardedTheme Arc",__rawString__:`/** @type {import('tailwindcss').Config} */ module.exports = { content: [ './pages/**/*.{js,ts,jsx,tsx,mdx}', './components/**/*.{js,ts,jsx,tsx,mdx}', './app/**/*.{js,ts,jsx,tsx,mdx}', ], theme: { extend: { animation: { scroll: 'scroll var(--animation-duration, 40s) var(--animation-direction, forwards) linear infinite', }, keyframes: { scroll: { to: { transform: 'translate(calc(-50% - 0.5rem))', }, }, }, }, }, plugins: [], } `,__rawStringJsx__:`/** @type {import('tailwindcss').Config} */ module.exports = { content: [ './pages/**/*.{js,ts,jsx,tsx,mdx}', './components/**/*.{js,ts,jsx,tsx,mdx}', './app/**/*.{js,ts,jsx,tsx,mdx}', ], theme: { extend: { animation: { scroll: 'scroll var(--animation-duration, 40s) var(--animation-direction, forwards) linear infinite', }, keyframes: { scroll: { to: { transform: 'translate(calc(-50% - 0.5rem))', }, }, }, }, }, plugins: [], } `,children:(0,e.jsxs)(i.code,{"data-language":"js","data-theme":"BeardedTheme Arc",style:{display:"grid"},children:[(0,e.jsxs)(i.span,{"data-line":"",children:[(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#54617B","--shiki-bearded-font-style":"italic",color:"var(--shiki-bearded)"},children:"/** "}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#EACD61","--shiki-bearded-font-style":"italic",color:"var(--shiki-bearded)"},children:"@type"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160","--shiki-bearded-font-style":"italic",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#B78AFF","--shiki-bearded-font-style":"italic",color:"var(--shiki-bearded)"},children:"import('tailwindcss').Config"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#D3D8E160","--shiki-bearded-font-style":"italic",color:"var(--shiki-bearded)"},children:"}"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#54617B","--shiki-bearded-font-style":"italic",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:"module"}),(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:"exports"}),(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:" content"}),(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":"#3CEC85",color:"var(--shiki-bearded)"},children:" './pages/**/*.{js,ts,jsx,tsx,mdx}'"}),(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:" './components/**/*.{js,ts,jsx,tsx,mdx}'"}),(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:" './app/**/*.{js,ts,jsx,tsx,mdx}'"}),(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:" theme"}),(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:" extend"}),(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:" animation"}),(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:" scroll"}),(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:" 'scroll var(--animation-duration, 40s) var(--animation-direction, forwards) linear infinite'"}),(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:" keyframes"}),(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:" scroll"}),(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:" to"}),(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:" transform"}),(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:" 'translate(calc(-50% - 0.5rem))'"}),(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.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:" plugins"}),(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.jsx)(d,{children:"Copy the source code"}),(0,e.jsx)(i.p,{children:(0,e.jsx)(i.code,{children:"components/ui/infinite-moving-cards.tsx"})}),(0,e.jsx)(h,{name:"infinite-moving-cards",children:(0,e.jsx)(i.figure,{__src__:"/src/registry/default/ui/infinite-moving-cards.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 { cn } from "@/lib/utils"; import React, { useEffect, useState } from "react"; export const InfiniteMovingCards = ({ items, direction = "left", speed = "fast", pauseOnHover = true, className, }: { items: { quote: string; name: string; title: string; }[]; direction?: "left" | "right"; speed?: "fast" | "normal" | "slow"; pauseOnHover?: boolean; className?: string; }) => { const containerRef = React.useRef(null); const scrollerRef = React.useRef(null); useEffect(() => { addAnimation(); }, []); const [start, setStart] = useState(false); function addAnimation() { if (containerRef.current && scrollerRef.current) { const scrollerContent = Array.from(scrollerRef.current.children); scrollerContent.forEach((item) => { const duplicatedItem = item.cloneNode(true); if (scrollerRef.current) { scrollerRef.current.appendChild(duplicatedItem); } }); getDirection(); getSpeed(); setStart(true); } } const getDirection = () => { if (containerRef.current) { if (direction === "left") { containerRef.current.style.setProperty( "--animation-direction", "forwards", ); } else { containerRef.current.style.setProperty( "--animation-direction", "reverse", ); } } }; const getSpeed = () => { if (containerRef.current) { if (speed === "fast") { containerRef.current.style.setProperty("--animation-duration", "20s"); } else if (speed === "normal") { containerRef.current.style.setProperty("--animation-duration", "40s"); } else { containerRef.current.style.setProperty("--animation-duration", "80s"); } } }; return (

{item.quote}
{item.name} {item.title}

); }; `,__rawStringJsx__:`"use client"; import { cn } from "@/lib/utils"; import React, { useEffect, useState } from "react"; export const InfiniteMovingCards = ({ items, direction = "left", speed = "fast", pauseOnHover = true, className }) => { const containerRef = React.useRef(null); const scrollerRef = React.useRef(null); useEffect(() => { addAnimation(); }, []); const [start, setStart] = useState(false); function addAnimation() { if (containerRef.current && scrollerRef.current) { const scrollerContent = Array.from(scrollerRef.current.children); scrollerContent.forEach((item) => { const duplicatedItem = item.cloneNode(true); if (scrollerRef.current) { scrollerRef.current.appendChild(duplicatedItem); } }); getDirection(); getSpeed(); setStart(true); } } const getDirection = () => { if (containerRef.current) { if (direction === "left") { containerRef.current.style.setProperty("--animation-direction", "forwards"); } else { containerRef.current.style.setProperty("--animation-direction", "reverse"); } } }; const getSpeed = () => { if (containerRef.current) { if (speed === "fast") { containerRef.current.style.setProperty("--animation-duration", "20s"); } else if (speed === "normal") { containerRef.current.style.setProperty("--animation-duration", "40s"); } else { containerRef.current.style.setProperty("--animation-duration", "80s"); } } }; return (

{item.quote}
{item.name} {item.title}

); }; `,__src__:"/src/registry/default/ui/infinite-moving-cards.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.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:"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":"#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":"#FF738A",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":"#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:" InfiniteMovingCards"}),(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:" items"}),(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:" direction"}),(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:' "left"'}),(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:" speed"}),(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:' "fast"'}),(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:" pauseOnHover"}),(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":"#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":"#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:" items"}),(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:" quote"}),(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:" name"}),(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.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:" direction"}),(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:' "left"'}),(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:' "right"'}),(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:" speed"}),(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:' "fast"'}),(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:' "normal"'}),(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:' "slow"'}),(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:" pauseOnHover"}),(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":"#D3D8E1",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":"#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":"#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:" containerRef"}),(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":"#FF738A",color:"var(--shiki-bearded)"},children:" scrollerRef"}),(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:"HTMLUListElement"}),(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.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":"#69C3FF",color:"var(--shiki-bearded)"},children:" addAnimation"}),(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":"#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:"start"}),(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:" setStart"}),(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:" function"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" addAnimation"}),(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:"containerRef"}),(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:" scrollerRef"}),(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:" scrollerContent"}),(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:" Array"}),(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:"from"}),(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:"scrollerRef"}),(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:"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:" scrollerContent"}),(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:"forEach"}),(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":"#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:" duplicatedItem"}),(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:" item"}),(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:"cloneNode"}),(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:" 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:"scrollerRef"}),(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:" scrollerRef"}),(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:"appendChild"}),(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:"duplicatedItem"}),(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":"#69C3FF",color:"var(--shiki-bearded)"},children:" getDirection"}),(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:" getSpeed"}),(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:" setStart"}),(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":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" getDirection"}),(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:"containerRef"}),(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":"#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:"direction"}),(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:' "left"'}),(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:" containerRef"}),(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":"#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":"#69C3FF",color:"var(--shiki-bearded)"},children:"setProperty"}),(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:' "--animation-direction"'}),(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:' "forwards"'}),(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":"#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:" containerRef"}),(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":"#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":"#69C3FF",color:"var(--shiki-bearded)"},children:"setProperty"}),(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:' "--animation-direction"'}),(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:' "reverse"'}),(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.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":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" getSpeed"}),(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:"containerRef"}),(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":"#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:"speed"}),(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:' "fast"'}),(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:" containerRef"}),(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":"#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":"#69C3FF",color:"var(--shiki-bearded)"},children:"setProperty"}),(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:'"--animation-duration"'}),(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:' "20s"'}),(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":"#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:"speed"}),(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:' "normal"'}),(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:" containerRef"}),(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":"#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":"#69C3FF",color:"var(--shiki-bearded)"},children:"setProperty"}),(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:'"--animation-duration"'}),(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:' "40s"'}),(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:" containerRef"}),(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":"#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":"#69C3FF",color:"var(--shiki-bearded)"},children:"setProperty"}),(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:'"--animation-duration"'}),(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:' "80s"'}),(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.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:" 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:" 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:' "scroller relative z-20 max-w-7xl overflow-hidden [mask-image:linear-gradient(to_right,transparent,white_20%,white_80%,transparent)]"'}),(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.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":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(i.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"ul"})]}),` `,(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:"scrollerRef"}),(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":"#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 w-max min-w-full shrink-0 flex-nowrap gap-4 py-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":"#FF738A",color:"var(--shiki-bearded)"},children:" start"}),(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:' "animate-scroll"'}),(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:" pauseOnHover"}),(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:' "hover:[animation-play-state:paused]"'}),(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.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:" idx"}),(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":"#69C3FF",color:"var(--shiki-bearded)"},children:"li"})]}),` `,(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 w-[350px] max-w-full shrink-0 rounded-2xl border border-b-0 border-zinc-200 bg-[linear-gradient(180deg,#fafafa,#f5f5f5)] px-8 py-6 md:w-[450px] dark:border-zinc-700 dark:bg-[linear-gradient(180deg,#27272a,#18181b)]"'})]}),` `,(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":"#FF955C",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":"#FF738A",color:"var(--shiki-bearded)"},children:"name"}),(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:"blockquote"}),(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:" aria-hidden"}),(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:'"true"'})]}),` `,(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:'"user-select-none pointer-events-none absolute -top-0.5 -left-0.5 -z-1 h-[calc(100%_+_4px)] w-[calc(100%_+_4px)]"'})]}),` `,(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:"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:'"relative z-20 text-sm leading-[1.6] font-normal text-neutral-800 dark:text-gray-100"'}),(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:"item"}),(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:"quote"}),(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:'"relative z-20 mt-6 flex flex-row items-center"'}),(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:'"flex flex-col gap-1"'}),(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:'"text-sm leading-[1.6] font-normal text-neutral-500 dark:text-gray-400"'}),(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:"item"}),(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:"name"}),(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:"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:'"text-sm leading-[1.6] font-normal text-neutral-500 dark:text-gray-400"'}),(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:"item"}),(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.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,{"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:"props",children:[(0,e.jsx)(i.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#props",children:(0,e.jsx)(i.span,{className:"icon icon-link"})}),"Props"]}),` `,(0,e.jsxs)(i.table,{children:[(0,e.jsx)(i.thead,{children:(0,e.jsxs)(i.tr,{children:[(0,e.jsx)(i.th,{children:"Prop"}),(0,e.jsx)(i.th,{children:"Type"}),(0,e.jsx)(i.th,{children:"Description"})]})}),(0,e.jsxs)(i.tbody,{children:[(0,e.jsxs)(i.tr,{children:[(0,e.jsx)(i.td,{children:(0,e.jsx)(i.code,{children:"items"})}),(0,e.jsx)(i.td,{children:(0,e.jsx)(i.code,{children:"{ quote: string; name: string; title: string; }[]"})}),(0,e.jsx)(i.td,{children:"An array of objects, each containing a quote, name, and title."})]}),(0,e.jsxs)(i.tr,{children:[(0,e.jsx)(i.td,{children:(0,e.jsx)(i.code,{children:"direction"})}),(0,e.jsx)(i.td,{children:(0,e.jsx)(i.code,{children:'"left" | "right" '})}),(0,e.jsx)(i.td,{children:'The direction of the animation. Default is "left".'})]}),(0,e.jsxs)(i.tr,{children:[(0,e.jsx)(i.td,{children:(0,e.jsx)(i.code,{children:"speed"})}),(0,e.jsx)(i.td,{children:(0,e.jsx)(i.code,{children:'"fast" | "normal" | "slow" '})}),(0,e.jsx)(i.td,{children:'The speed of the animation. Default is "fast".'})]}),(0,e.jsxs)(i.tr,{children:[(0,e.jsx)(i.td,{children:(0,e.jsx)(i.code,{children:"pauseOnHover"})}),(0,e.jsx)(i.td,{children:(0,e.jsx)(i.code,{children:"boolean "})}),(0,e.jsx)(i.td,{children:"If true, the animation will pause when the mouse hovers over it. Default is true."})]}),(0,e.jsxs)(i.tr,{children:[(0,e.jsx)(i.td,{children:(0,e.jsx)(i.code,{children:"className"})}),(0,e.jsx)(i.td,{children:(0,e.jsx)(i.code,{children:"string "})}),(0,e.jsx)(i.td,{children:"Optional additional CSS classes to apply to the component."})]})]})]})]})}function v(r={}){let{wrapper:i}=r.components||{};return i?(0,e.jsx)(i,{...r,children:(0,e.jsx)(D,{...r})}):D(r)}function s(r,i){throw new Error("Expected "+(i?"component":"object")+" `"+r+"` to be defined: you likely forgot to import, pass, or provide it.")}return x(w);})(); ;return Component;

Best Free Marquee Components for your Tailwind CSS and React project

Aceternity UI