Logo Carousel Swapper Demo

1"use client";
2 
3import { PARTNER_LOGO_CAROUSEL_ROWS } from "@/lib/partner-logos";
4import {
5  LogoCarouselSwapper,
6  type LogoCarouselSwapperProps,
7} from "@/components/sora-ui/effects/logo-carousel-swapper";
8 
9export function LogoCarouselSwapperExample({
10  monochrome = true,
11}: Pick<LogoCarouselSwapperProps, "monochrome">) {
12  return (
13    <div className="flex w-full max-w-full items-center justify-center overflow-hidden px-2 sm:px-4">
14      <LogoCarouselSwapper
15        aria-label="Partner logos"
16        className="max-w-3xl"
17        interval={3000}
18        monochrome={monochrome}
19        rows={PARTNER_LOGO_CAROUSEL_ROWS}
20        stagger={0.12}
21      />
22    </div>
23  );
24}