import { createContext, useContext, type Accessor } from "solid-js";

export type HeroSource = {[key: string | symbol | number]: HTMLElement | undefined}

const HeroSourceContext = createContext<Accessor<HeroSource>>(() => ({}))

export const HeroSourceProvider = HeroSourceContext.Provider

export function useHeroSource() {
  return useContext(HeroSourceContext)
}