1import { createContext, useContext } from "react";
2import type { FilePreviewItem, FilePreviewSource } from "./FilePreviewModal.types";
3import { filePreviewGallery } from "../lib/filePreviewGallery";
4
5export const FilePreviewGallery = createContext<readonly FilePreviewItem[]>([]);
6
7export function useFilePreviewGallery() {
8 const group = useContext(FilePreviewGallery);
9 return (source: FilePreviewSource): FilePreviewSource =>
10 group.length === 0
11 ? source
12 : {
13 ...source,
14 gallery: filePreviewGallery(source, group),
15 };
16}