@@ -56,7 +56,7 @@ function Carousel({
5656 ...opts ,
5757 axis : orientation === "horizontal" ? "x" : "y" ,
5858 } ,
59- plugins
59+ plugins ,
6060 ) ;
6161 const [ canScrollPrev , setCanScrollPrev ] = React . useState ( false ) ;
6262 const [ canScrollNext , setCanScrollNext ] = React . useState ( false ) ;
@@ -85,7 +85,7 @@ function Carousel({
8585 scrollNext ( ) ;
8686 }
8787 } ,
88- [ scrollPrev , scrollNext ]
88+ [ scrollPrev , scrollNext ] ,
8989 ) ;
9090
9191 React . useEffect ( ( ) => {
@@ -145,7 +145,7 @@ function CarouselContent({ className, ...props }: React.ComponentProps<"div">) {
145145 className = { cn (
146146 "flex" ,
147147 orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col" ,
148- className
148+ className ,
149149 ) }
150150 { ...props }
151151 />
@@ -164,7 +164,7 @@ function CarouselItem({ className, ...props }: React.ComponentProps<"div">) {
164164 className = { cn (
165165 "min-w-0 shrink-0 grow-0 basis-full" ,
166166 orientation === "horizontal" ? "pl-4" : "pt-4" ,
167- className
167+ className ,
168168 ) }
169169 { ...props }
170170 />
@@ -189,7 +189,7 @@ function CarouselPrevious({
189189 orientation === "horizontal"
190190 ? "top-1/2 -left-12 -translate-y-1/2"
191191 : "-top-12 left-1/2 -translate-x-1/2 rotate-90" ,
192- className
192+ className ,
193193 ) }
194194 disabled = { ! canScrollPrev }
195195 onClick = { scrollPrev }
@@ -219,7 +219,7 @@ function CarouselNext({
219219 orientation === "horizontal"
220220 ? "top-1/2 -right-12 -translate-y-1/2"
221221 : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90" ,
222- className
222+ className ,
223223 ) }
224224 disabled = { ! canScrollNext }
225225 onClick = { scrollNext }
@@ -275,7 +275,7 @@ function CarouselDots({
275275 "w-8 h-8 flex items-center justify-center" : true ,
276276 } ,
277277 "hover:bg-primary/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2" ,
278- "disabled:pointer-events-none disabled:opacity-50"
278+ "disabled:pointer-events-none disabled:opacity-50" ,
279279 ) }
280280 aria-label = { `Go to slide ${ index + 1 } ` }
281281 >
@@ -286,7 +286,7 @@ function CarouselDots({
286286 "w-2 h-2" : size === "sm" ,
287287 "w-3 h-3" : size === "lg" ,
288288 } ,
289- selectedIndex === index ? "bg-primary" : "bg-primary/30"
289+ selectedIndex === index ? "bg-primary" : "bg-primary/30" ,
290290 ) }
291291 />
292292 </ button >
@@ -321,7 +321,7 @@ function CarouselCounter({
321321 < div
322322 className = { cn (
323323 "text-sm text-muted-foreground flex justify-center mt-4" ,
324- className
324+ className ,
325325 ) }
326326 { ...props }
327327 >
0 commit comments