import { type FC, type ReactNode } from 'react';

import { createSafeContext } from '@quotalab/headless-hooks';

export type OverlayProps = { overlayId: string };

export type OverlayItem = { id: string; children: ReactNode };

export type OverlayControllerProps = OverlayProps & {
  isOpen: boolean;
  onClose: () => void;
};

export type OverlayContextValue = {
  overlayList: OverlayItem[];
  open: (value: FC<OverlayControllerProps>) => string;
  close: (id: string) => void;
  closeAll: () => void;
};

export const [OverlayContextProvider, useOverlayContext] = createSafeContext<OverlayContextValue>(
  '@quotalab/overlay/OverlayContext'
);