special-button-explainer.jsx

// 1. render the Title as SpecialButton
<Title as={SpecialButton}>Click Me</Title>

// 2. Inside the Title function we destructure the `as` and `children` props
// `children` === 'Click Me'
// `as` / `Component` === SpecialButton

// 3. The Title Component now effectively returns this:
<SpecialButton className="title">Click Me</SpecialButton>

// 4. React now steps inside the SpecialButton function passing it two props:
// - `children` === 'Click Me'
// - `className` === 'title'

// 5. React now returns from SpecialButton a button passing it two props along with
// the already applied onClick handler
<button onClick={() => alert('sup?')} className="title">Click Me</button>