text: import React, { PropTypes } from 'react';
  import styles from './NotificationSettings.css';
  import Input from '../../Input';
  import SettingsBlock from '../SettingsBlock';
  import {SubBlock} from '../SettingsBlock';
  import withStyles from '../../../decorators/withStyles';
  import classnames from 'classnames';
  import Switch from '../../Switch';
  
  @withStyles(styles)
  class NotificationSettings extends React.Component {
  
    render() {
      return (
        <div className="NotificationSettings">
          <h1>Notification Settings</h1>
          <SettingsBlock label="Email">
            <Switch name="email" />
            <p className="notice"><strong>Please note:</strong> You wont be email to change your name within the next 30 days. 
              Make sure not to add any unusual capitalization, punctuation, characters or random words.</p>
          </SettingsBlock>
  
          <SettingsBlock label="Mobile">
            <Switch name="mobile" />
            <p className="notice"><strong>Please note:</strong> You wont be able to change your name within the next 30 days. 
              Make sure not to add any unusual capitalization, punctuation, characters or random words.</p>
          </SettingsBlock>
  
          <SettingsBlock label="Squelo News">
            <Switch name="news" />
            <p className="notice"><strong>Please note:</strong> You wont be able to change your name within the next 30 days. 
              Make sure not to add any unusual capitalization, punctuation, characters or random words.</p>
          </SettingsBlock>
        </div>
      );
    }
  
  }
  
  export default NotificationSettings;
  