import { Component, ReactChildren } from 'react';

export type ProviderProps<T> = {
  value: T,
  children?: ReactChildren
};

export type ConsumerProps<T> = {
  children: (value: T) => ReactChildren
};

export type ConsumerState<T> = {
  value: T
};

export type Provider<T> = Component<ProviderProps<T>>;
export type Consumer<T> = Component<ConsumerProps<T>, ConsumerState<T>>;

export type Context<T> = {
  Provider: new (...args: any[]) => Provider<T>,
  Consumer: new (...args: any[]) => Consumer<T>,
};

export default function createReactContext<T>(
  defaultValue: T
): Context<T>;