Example for withRipple HOC

RippleExample.js

const RippleBlock = withRipple(styled.div`
  width: 100px;
  height: 100px;
  background-color: ${props => props.bg || '#eee'};
`);

// or

const Block = styled.div`
  width: 100px;
  height: 100px;
  background-color: ${props => props.bg || '#eee'};
`;

const RippleBlock = withRipple(Block);

...

// In render function
<RippleBlock bg='tomato' />
<RippleBlock bg='blue' />
<RippleBlock bg='mediumseagreen' />