import { PropsWithChildren, createContext, useContext } from 'react';

const TableRenderAreaContext = createContext(false);

/** Render area in which data table is rendered */
export function TableRenderArea({ children }: PropsWithChildren<{}>) {
  return <TableRenderAreaContext.Provider value={true}>{children}</TableRenderAreaContext.Provider>;
}

/** Return `true` if current component is located inside {@link TableRenderArea} */
export function useIsTableRenderArea() {
  return useContext(TableRenderAreaContext);
}