custom dialog box using reactjs version of material design (material-ui)

CustomDialog.jsx

const { Dialog, FlatButton, RaisedButton } = mui;

CustomDialog = React.createClass({
  getInitialState() {
    return {
      showDialog: false
    };
  },

  handlePrompt() {
    this.setState({showDialog: true});
  },

  handleCancel() {
    this.setState({showDialog: false});
  },

  handleConfirm() {
    // Dialog button action here
  },

  render() {
    return (
      <div className='custom-dialog'>
        <RaisedButton
          label='Action Name'
          onTouchTap={this.handlePrompt}
          primary={true}
        />
        <Dialog
          title='Dialog Title'
          open={this.state.showDialog}
          actions={[
            <FlatButton
              label='Cancel'
              onTouchTap={this.handleCancel}
              style={{marginRight: 10}}
              key={0}
            />,
            <FlatButton
              label='Confirm'
              onTouchTap={this.handleConfirm}
              primary={true}
              key={1}
            />
          ]}
          onRequestClose={() => this.handleCancel()}
        >
          Are you sure you want to do this?
        </Dialog>
      </div>
    );
  }
});