withBlueBackground Subtract

withBlueBackground.tsx

import { Subtract } from 'utility-types';

const withBlueBackground = <P extends InjectedBlueBackgroundProps>(
  UnwrappedComponent: React.ComponentType<P>
) =>
  class WithBlueBackground extends React.Component<
    Subtract<P, InjectedBlueBackgroundProps> & WithBlueBackgroundProps
  > {
    render() {
      const { shade, ...props } = this.props;
      return (
        <UnwrappedComponent {...props} backgroundColor={getBlueShade(shade)} />
      );
    }
  };