'use client';
import { useState } from 'react';
import { ModalMedia } from 'components/MediaViewerModal';

export const useMediaViewer = () => {
  const [open, setOpen] = useState(false);
  const [media, setMedia] = useState<ModalMedia | null>(null);

  const openMedia = (e: React.MouseEvent | MouseEvent, type: 'image' | 'video', url: string, poster?: string, isBlurred?: boolean) => {
    e.stopPropagation();
    e.preventDefault();
    if (isBlurred) return;
    setMedia({ type, url, poster });
    setOpen(true);
  };

  const closeMedia = () => {
    setOpen(false);
    setMedia(null);
  };

  return { open, media, openMedia, closeMedia };
};