import { type StaticImageData } from "next/image";

export interface CarouselImage {
  id: number;
  src: string | StaticImageData;
  alt: string;
  caption?: string;
}

/**
 * Carousel portraits shared by the auth screens. Kept out of ImageCarousel
 * itself so server components can read the list — value exports from a
 * "use client" module arrive as client references, not data.
 */
export const placeholderImages: CarouselImage[] = [
  {
    id: 1,
    src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=800&h=1000&fit=crop&q=80",
    alt: "Professional man smiling",
  },
  {
    id: 2,
    src: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=800&h=1000&fit=crop&q=80",
    alt: "Professional woman smiling",
  },
  {
    id: 3,
    src: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=800&h=1000&fit=crop&q=80",
    alt: "Professional person portrait",
  },
  {
    id: 4,
    src: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=800&h=1000&fit=crop&q=80",
    alt: "Happy professional",
  },
];