import React from 'react';
import Dialog from 'material-ui/Dialog';
import FlatButton from 'material-ui/FlatButton';
import RaisedButton from 'material-ui/RaisedButton';

export default class DialogExampleScrollable extends React.Component {
  state = {
    open: false,
  };

  handleOpen = () => {
    this.setState({open: true});
  };

  handleClose = () => {
    this.setState({open: false});
  };

  render() {
    const actions = [
      <FlatButton
        label="Cancel"
        primary={true}
        onTouchTap={this.handleClose}
      />,
      <FlatButton
        label="Submit"
        primary={true}
        keyboardFocused={true}
        onTouchTap={this.handleClose}
      />,
    ];
    const str = `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dapibus scelerisque urna in aliquam.
    Mauris vitae iaculis orci. Mauris rhoncus ultricies lectus, et eleifend erat lacinia id. Vivamus dolor arcu,
    euismod sagittis tortor et, lacinia malesuada felis. Suspendisse consectetur elit lorem, sed feugiat justo
    sollicitudin ac. Morbi dictum finibus purus. Suspendisse velit quam, consectetur id ipsum eget, hendrerit
    tincidunt elit. Aenean vehicula orci at risus viverra, ut consectetur nisl venenatis. Vivamus sodales, sapien non
    hendrerit imperdiet, tellus libero dictum metus, nec molestie mauris elit a risus. Nam porttitor metus eget lorem
    blandit, quis tincidunt metus accumsan. Phasellus at justo in velit pulvinar lacinia eget consectetur eros.
    Phasellus euismod lacus quis laoreet sollicitudin. Suspendisse eget felis fermentum, maximus ex quis, facilisis
    urna. Proin vitae mauris et massa feugiat aliquet id eget sem. Nullam efficitur ultricies mi, at hendrerit lacus
    egestas quis. Interdum et malesuada fames ac ante ipsum primis in faucibus.`;

    return (
      <div>
        <RaisedButton label="Scrollable Dialog" onTouchTap={this.handleOpen} />
        <Dialog
          title="Scrollable Dialog"
          actions={actions}
          modal={false}
          open={this.state.open}
          onRequestClose={this.handleClose}
          autoScrollBodyContent={true}
        >
          <p>{str}</p>
          <p>{str}</p>
          <p>{str}</p>
          <p>{str}</p>
        </Dialog>
      </div>
    );
  }
}

@@ -162,16 +162,149 @@
 Button';
+%0Aimport %7BRadioButton, RadioButtonGroup%7D from 'material-ui/RadioButton';%0A%0Aconst styles = %7B%0A  radioButton: %7B%0A    marginTop: 16,%0A  %7D,%0A%7D;
 %0A%0Aexport
@@ -826,16 +826,17 @@
 %0A    %5D;%0A
+%0A
     cons
@@ -841,1111 +841,246 @@
 nst 
-str = %60Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dapibus scelerisque urna in aliquam.%0A    Mauris vitae iaculis orci. Mauris rhoncus ultricies lectus, et eleifend erat lacinia id. Vivamus dolor arcu,%0A    euismod sagittis tortor et, lacinia malesuada felis. Suspendisse consectetur elit lorem, sed feugiat justo%0A    sollicitudin ac. Morbi dictum finibus purus. Suspendisse velit quam, consectetur id ipsum eget, hendrerit%0A    tincidunt elit. Aenean vehicula orci at risus viverra, ut consectetur nisl venenatis. Vivamus sodales, sapien non%0A    hendrerit imperdiet, tellus libero dictum metus, nec molestie mauris elit a risus. Nam porttitor metus eget lorem%0A    blandit, quis tincidunt metus accumsan. Phasellus at justo in velit pulvinar lacinia eget consectetur eros.%0A    Phasellus euismod lacus quis laoreet sollicitudin. Suspendisse eget felis fermentum, maximus ex quis, facilisis%0A    urna. Proin vitae mauris et massa feugiat aliquet id eget sem. Nullam efficitur ultricies mi, at hendrerit lacus%0A    egestas quis. Interdum et malesuada fames ac ante ipsum primis in faucibus.%60;
+radios = %5B%5D;%0A    for (let i = 0; i %3C 30; i++) %7B%0A      radios.push(%0A        %3CRadioButton%0A          key=%7Bi%7D%0A          value=%7B%60value$%7Bi + 1%7D%60%7D%0A          label=%7B%60Option $%7Bi + 1%7D%60%7D%0A          style=%7Bstyles.radioButton%7D%0A        /%3E%0A      );%0A    %7D
 %0A%0A  
@@ -1427,86 +1427,119 @@
    %3C
-p%3E%7Bstr%7D%3C/p%3E%0A          %3Cp%3E%7Bstr%7D%3C/p%3E%0A          %3Cp%3E%7Bstr%7D%3C/p%3E%0A          %3Cp%3E%7Bstr%7D%3C/
+RadioButtonGroup name=%22shipSpeed%22 defaultSelected=%22not_light%22%3E%0A            %7Bradios%7D%0A          %3C/RadioButtonGrou
 p%3E%0A 

fix scrollable list to use radio instead of text