next-360-image-viewer/src/types.ts

Display a set of images in a draggable 360 degree viewer.

import type { HtmlHTMLAttributes } from 'react';

// types.ts
export interface NEXT_IMAGE_TURNTABLE_PROPS {
  images: string[];
  initialimageindex?: number;
  movementsensitivity?: number;
  onload?: () => void;
  className?: string;
  autoplay?: boolean;
  autoplayspeed?: number;
  autoplaydirection?: 'forward' | 'backward';
  autopauseonhover?: boolean;
}

export type NEXT_IMAGE_TURNTABLE_FULL_PROPS = HtmlHTMLAttributes<HTMLDivElement> &
  NEXT_IMAGE_TURNTABLE_PROPS;

export interface TURNTABLE_REF {
  START_AUTOPLAY: () => void;
  STOP_AUTOPLAY: () => void;
  PAUSE_AUTOPLAY: () => void;
  RESUME_AUTOPLAY: () => void;
  isautoplayactive: boolean;
  ispaused: boolean;
  activeimageindex: number;
}