import { createContext, useContext } from "react";

export type ListActionContextType = (hover: boolean) => void;

export const ListActionContext = createContext<
  ListActionContextType | undefined
>(undefined);
ListActionContext.displayName = "ListActionContext";

export const useListAction = () => {
  const ctx = useContext(ListActionContext);
  if (ctx === undefined) {
    throw new Error("useListAction must be used within a ListActionContext");
  }

  return ctx;
};

export interface UseTableActionHover {
  hover: boolean;
  props: Record<"onMouseLeave" | "onMouseEnter", () => void>;
}