Hello Pattern #3

Hello.tsx

import * as React from 'react';

import withBlueBackground, { InjectedBlueBackgroundProps } from './withBlueBackgroud';

interface HelloProps {
  style?: React.CSSProperties;
  name: string;
}

const Hello = ({ style, name }: HelloProps & InjectedBlueBackgroundProps) => (
  <div style={style}>Hello, {name}!</div>
);

export default withBlueBackground<HelloProps>(Hello);