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

import { type OverlayContextValue } from '../context/context';

type OverlayEvent = Omit<OverlayContextValue, 'overlayList'>;

export const [useOverlayEvent, createEvent] = createCustomEvent<OverlayEvent>('quotalab-overlay');

const open = createEvent('open');
const close = createEvent('close');
const closeAll = createEvent('closeAll');

export const overlays = { open, close, closeAll };