spacedrive/interface/app/$libraryId/Explorer/ViewContext.ts

import { type ReactNode, type RefObject, createContext, useContext } from 'react';

export interface ExplorerViewContext {
	ref: RefObject<HTMLDivElement>;
	top?: number;
	contextMenu?: ReactNode;
	setIsContextMenuOpen?: (isOpen: boolean) => void;
	isRenaming: boolean;
	setIsRenaming: (isRenaming: boolean) => void;
	padding?: number | { x?: number; y?: number };
	gap?: number | { x?: number; y?: number };
	selectable: boolean;
}

export const ViewContext = createContext<ExplorerViewContext | null>(null);

export const useExplorerViewContext = () => {
	const ctx = useContext(ViewContext);

	if (ctx === null) throw new Error('ViewContext.Provider not found!');

	return ctx;
};