src/components/SectionIntro.js

import React from 'react'
import Link from 'gatsby-link'

const IntroDefault = ({ intro, headline, text, classes }) => (
  <div className={`${classes}`}>
    <h3>{intro}</h3>
    <h1>{headline}</h1>
    <p>{text}</p>
  </div>
)

export default IntroDefault
Extracting to reusable components 2018-06-30 14:56:04 +02:00			`import React from 'react'`
			`import Link from 'gatsby-link'`

Markup structure, add InfoBox components 2018-06-30 15:28:45 +02:00			`const IntroDefault = ({ intro, headline, text, classes }) => (`
			<div className={`${classes}`}>
Stylistic fixes and using reusable components 2018-06-30 15:04:24 +02:00			`<h3>{intro}</h3>`
			`<h1>{headline}</h1>`
			`<p>{text}</p>`
			`</div>`
Extracting to reusable components 2018-06-30 14:56:04 +02:00			`)`

			`export default IntroDefault`