import React from 'react';
import { Features } from './types';

export interface FeaturesContextValue {
  features: Features;
}

const FeaturesContextDefaultValue = {} as FeaturesContextValue;
export const FeaturesContext = React.createContext(FeaturesContextDefaultValue);

export interface WithFeaturesProps {
  features: Features;
}

export function withFeatures<T extends WithFeaturesProps>(
  Component: React.ComponentType<T>
) {
  return class extends React.Component<Omit<T, keyof WithFeaturesProps>> {
    render() {
      return (
        <FeaturesContext.Consumer>
          {(featuresContext) => (
            <Component
              {...(this.props as T)}
              features={featuresContext.features}
            />
          )}
        </FeaturesContext.Consumer>
      );
    }
  };
}