import { makeVar, ReactiveVar } from '@apollo/client';

export const isMessageThreadOpenVar: ReactiveVar<boolean> = makeVar<boolean>(false);
export const isEditingMessageVar: ReactiveVar<boolean> = makeVar<boolean>(false);
export const editingMessageIdVar: ReactiveVar<string> = makeVar<string>('');
export const deletingMessageIdVar: ReactiveVar<string> = makeVar<string>('');
export const selectedMessageIdVar: ReactiveVar<string> = makeVar<string>('');
export const messageMoreActionsPositionVar: ReactiveVar<Position> = makeVar<Position>({
  top: 0,
  bottom: undefined,
  x: 0,
});

export const directRoomActionPositionVar: ReactiveVar<Position> = makeVar<Position>({
  top: 0,
  bottom: undefined,
  x: 0,
});
interface Position {
  top: number | undefined | string;
  bottom: number | undefined | string;
  x: number;
}