image-carousel-basic-ex-02

1import ImageCarouselBasic, {
2  CarouselImages,
3} from "@/components/commerce-ui/image-carousel-basic";
4 
5const images: CarouselImages = [
6  {
7    title: "Coffee Machine 1",
8    url: "https://raw.githubusercontent.com/stackzero-labs/ui/refs/heads/main/public/placeholders/coffee-machine-01.jpg",
9  },
10  {
11    title: "Coffee Machine 2",
12    url: "https://raw.githubusercontent.com/stackzero-labs/ui/refs/heads/main/public/placeholders/coffee-machine-02.jpg",
13  },
14  {
15    title: "Coffee Filter",
16    url: "https://raw.githubusercontent.com/stackzero-labs/ui/refs/heads/main/public/placeholders/coffee-filter-01.jpg",
17  },
18  {
19    title: "Coffee Cups",
20    url: "https://raw.githubusercontent.com/stackzero-labs/ui/refs/heads/main/public/placeholders/coffee-cups-01.jpg",
21  },
22];
23 
24export default function ImageCarousel_Basic_Ex_02() {
25  return (
26    <ImageCarouselBasic
27      images={images}
28      imageFit="contain"
29      thumbPosition="right"
30    />
31  );
32}