Modal

class ModalToggle extends React.Component {
  constructor(props) {
    super(props);
    this.state = { open: false };
  }
  render() {
    return (
      <div>
        <Button onClick={() => this.setState({ open: true })}>open modal</Button>
        <Modal
          showModal={this.state.open}
          onHideModal={() => this.setState({ open: false })}
        >
          <span>Hello world!</span>
        </Modal>
      </div>
    )
  }
}

class ModalToggle extends React.Component {
  constructor(props) {
    super(props);
    this.state = { open: false };
  }
  render() {
    return (
      <div>
        <Button onClick={() => this.setState({ open: true })}>open enhanced modal</Button>
        <EnhancedModal
          showModal={this.state.open}
          onHideModal={() => this.setState({ open: false })}
          title="Title"
          subtitle="Subtitle"
          icon="tds-bookmark"
          buttons={[<Button>OK</Button>, <Button>Cancel</Button>]}
        >
          <span>Hello world!</span>
        </EnhancedModal>
      </div>
    )
  }
}