import type { ComputedRef, InjectionKey, Ref } from 'vue';

import { createContext, useContext } from '../index';

export interface PageContextProps {
  contentHeight: ComputedRef<number>;
  pageHeight: Ref<number>;
  setPageHeight: (height: number) => Promise<void>;
}

const key: InjectionKey<PageContextProps> = Symbol();

export function createPageContext(context: PageContextProps) {
  return createContext<PageContextProps>(key, context, { reactiveable: false });
}

export function usePageContext() {
  return useContext<PageContextProps>(key);
}