image-viewer-motion-ex-01

1"use client";
2import ImageViewer from "@/components/commerce-ui/image-viewer-motion";
3 
4const EXAMPLE_IMAGE_URL =
5  "https://raw.githubusercontent.com/stackzero-labs/ui/refs/heads/main/public/placeholders/headphone-1.jpg";
6const EXAMPLE_THUMBNAIL_URL =
7  "https://raw.githubusercontent.com/stackzero-labs/ui/refs/heads/main/public/placeholders/headphone-1.jpg";
8 
9export default function ImageViewer_Basic_Ex_01() {
10  return (
11    <div className="flex w-full flex-col items-center gap-4">
12      <ImageViewer
13        thumbnailUrl={EXAMPLE_THUMBNAIL_URL}
14        imageUrl={EXAMPLE_IMAGE_URL}
15        className="max-w-[300px]"
16      />
17    </div>
18  );
19}