Guide

A tutorial/guide modal.

<Guide
	onFinish={ () => console.log("finished") }
	pages={ [
		{
			image: <img src="https://acmestore.com/add-to-cart.png" />,
			content: <p>Welcome to the ACME Store!</p>,
		},
		{
			content: <p>Click <i>Add to Cart</i> to buy a product.</p>,
		},
	] }
	finishButtonText="I'm done!"
	contentLabel="Random Guide/tutorial"
/>

Has a prop called “pages” which takes in an array with objects. These objects can have to properties: “image” and “content”. Both properties should contain HTML/React-elements.

The image is rendered as a featured image of the guide.