examples/webpack/src/components/Results.js
function Results( { seo, readability, activeMarker, onMark } ) {
	return <Fragment>
		<HorizontalContainer marginTop="0">
			<ScoreIcon score={ readability.score / 10 } />
			<H3>Readability</H3>
		</HorizontalContainer>
		<AnalysisList
			results={ readability.results }
			marksButtonActivatedResult={ activeMarker }
			marksButtonClassName="yoast-text-mark"
			onMarksButtonClick={ onMark }
		/>

		<HorizontalContainer>
			<ScoreIcon score={ seo.score / 10 } />
			<H3>SEO</H3>
		</HorizontalContainer>
		<AnalysisList
			results={ seo.results }
			marksButtonActivatedResult={ activeMarker }
			marksButtonClassName="yoast-text-mark"
			onMarksButtonClick={ onMark }
		/>
	</Fragment>;
}
function Results( { seo, readability, activeMarker, onMark } ) {
	return <Fragment>
		<HorizontalContainer marginTop="0">
			<ScoreIcon score={ readability.score / 10 } />
			<H3>Readability</H3>
		</HorizontalContainer>
		<AnalysisList
			results={ readability.results }
			marksButtonActivatedResult={ activeMarker }
			marksButtonClassName="yoast-text-mark"
			onMarksButtonClick={ onMark }
		/>

		<HorizontalContainer>
			<ScoreIcon score={ seo.score / 10 } />
			<H3>SEO</H3>
		</HorizontalContainer>
		<AnalysisList
			results={ seo.results }
			marksButtonActivatedResult={ activeMarker }
			marksButtonClassName="yoast-text-mark"
			onMarksButtonClick={ onMark }
		/>
	</Fragment>;
}
Note the `score / 10` is taken from `Yoast SEO`.