import React, { createContext, ReactNode, useMemo } from 'react';

export type RtGridChildPosition =
  | 'none'
  | 'leading'
  | 'intermediate'
  | 'trailing';

/**
 * Необходим для обнуления контекста RtGrid в слотах компонентов,
 * которые поддерживают RtGrid.
 */
export const RtGridChildContext = createContext<{
  position?: RtGridChildPosition;
} | null>(null);

export function RtGridChild({
  children,
  position,
}: {
  children: ReactNode;
  position?: RtGridChildPosition;
}) {
  const context = useMemo(() => ({ position }), [position]);

  return (
    <RtGridChildContext.Provider value={context}>
      {children}
    </RtGridChildContext.Provider>
  );
}