text: import React from 'react';
  import TextField from 'material-ui/TextField';
  import IconButton from 'material-ui/IconButton';
  
  const SearchBox = () => {
  
    const styles = {
      iconButton: {
        float: 'left',
        paddingTop: 17
      },
      textField: {
        color: white,
        backgroundColor: blue500,
        borderRadius: 2,
        height: 35
      },
      inputStyle: {
        color: white,
        paddingLeft: 5
      },
      hintStyle: {
        height: 16,
        paddingLeft: 5,
        color: white
      }
    };
  
    return (
      <div>
        <IconButton style={styles.iconButton} >
          <i className="material-icons" color={white}>search</i>
        </IconButton>
        <TextField
          hintText="Search..."
          underlineShow={false}
          fullWidth={true}
          style={styles.textField}
          inputStyle={styles.inputStyle}
          hintStyle={styles.hintStyle}
        />
      </div>
    );
  };
  
  export default SearchBox;
  