lightbox-handler.tsx

'use client'

import { useState, useEffect } from 'react'
import Lightbox from 'yet-another-react-lightbox'
import Thumbnails from 'yet-another-react-lightbox/plugins/thumbnails'
import Counter from 'yet-another-react-lightbox/plugins/counter'
import Captions from 'yet-another-react-lightbox/plugins/captions'
import 'yet-another-react-lightbox/styles.css'
import 'yet-another-react-lightbox/plugins/thumbnails.css'
import 'yet-another-react-lightbox/plugins/counter.css'
import 'yet-another-react-lightbox/plugins/captions.css'
import { NextJsImage, NextJsThumbnail } from './next-js-image'
import type { SlideImage } from 'yet-another-react-lightbox'

interface Slide extends SlideImage {
  description?: string
  thumbnail?: string
}

interface LightboxHandlerProps {