Cacher is the code snippet organizer for pro developers

const TestComponent = (
  medalType,
  playerNumber,
) => (
  <Fragment>
    <img src={G(`_medals/${medalType}`)} />

    <PlayerScore playerNumber={playerNumber}>
      {({
        score,
      }) => (
        <span
          style={{
            background: `linear-gradient(${ColorMidTone(Crayon.Grey)},${Crayon.White})`,
            boxShadow: '1.5px 1.5px black',
            fontFamily: 'Open Sans',
            fontSize: '0.6em',
            fontWeight: 500,
            textAlign: 'left',
            WebkitBackgroundClip: 'text',
            WebkitTextFillColor: 'transparent',
          }}
        >
          {score}
        </span>
      )}
    </PlayerScore>
  </Fragment>
)

export default TestComponent