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

export const alertOptionsVar: ReactiveVar<AlertOptionsVar> = makeVar<AlertOptionsVar>({
  isOpenVar: false,
  marginTopVar: 0,
  messageVar: '',
  titleVar: '',
  contentVar: <></>,
  leftElementVar: <></>,
  variantVar: 'success',
});

export interface AlertOptionsVar {
  isOpenVar: boolean;
  marginTopVar?: number;
  messageVar?: string;
  titleVar?: string;
  contentVar?: JSX.Element;
  leftElementVar?: JSX.Element;
  variantVar: AlertLightVariant;
}