Building a stepper - app.js

App.js

import React from "react";
import { render } from "react-dom";
import { StepList } from "./StepList";
import { Step } from "./Step";

const PageTwo = () => (
  <h2>We have a second page.</h2>
)

const PageThree = () => (
  <h2>Page three is working.</h2>
)

const App = () => (
  <StepList>
    <Step>
      <h1>Hello world on page one!</h1>
    </Step>
    <Step component={PageTwo} />
    <Step component={PageThree} />
  </StepList>
);

render(<App />, document.getElementById("root"));