import React, {Component, PropTypes} from 'react';
import GuiInput from './Input';

export default class GuiBoolean extends Component {
  static listItemClassName = 'field checkbox';  

  static defaultProps = {
    type: 'checkbox'
  };

  static propTypes = {
    defaultValue: React.PropTypes.bool
  };

  constructor(props) {
    super(props);
  }

  render() {
    return (
      <GuiInput {...this.props} />
    );
  }
}

import React, {Component, PropTypes} from 'react';
import GuiInput from './Input';

export default class GuiBoolean extends Component {
  static listItemClassName = 'field toggle';

  static defaultProps = {
    type: 'checkbox'
  };

  static propTypes = {
    defaultValue: React.PropTypes.bool
  };

  constructor(props) {
    super(props);
  }

  render() {
    return (
      <GuiInput {...this.props} />
    );
  }
}

Use toggle instead of checkbox (to prevent collisions with bootstrap)
Use toggle instead of checkbox (to prevent collisions with bootstrap)
