render() {
    const {isOpen, themeColor, pages} = this.props;
    const {currentPage} = this.state;
    return (
      <Modal isOpen={isOpen}>
        <ModalBox>
          <IconButton onClick={this._onClose}>
            <Cancel height="10" width="10" color="#aaa" />
          </IconButton>
          <StyledProgress
            numSteps={pages.length}
            currentStep={currentPage}
            color={themeColor}
          />
          <Page {...pages[currentPage]} />
          <ButtonGroup>
            <StyledButton
              color={themeColor}
              onClick={this._onClickPrev}
              disabled={currentPage === 0}
            >
              Prev
            </StyledButton>
            <StyledButton
              color={themeColor}
              onClick={this._onClickNext}
              disabled={currentPage === pages.length - 1}
              isPrimary
            >
              Next
            </StyledButton>
          </ButtonGroup>
        </ModalBox>
      </Modal>
    );
  }
Content to display in this dialog, organized in pages.