react-lite-misc/lib/module/switcher.js

Misc Components of jianliao.com

(function() {
  var React, T, cx, div;

  cx = require('classnames');

  React = require('react');

  div = React.createFactory('div');

  T = React.PropTypes;

  module.exports = React.createClass({
    displayName: 'switch-button',
    propTypes: {
      checked: T.bool.isRequired,
      onClick: T.func.isRequired
    },
    onClick: function() {
      return this.props.onClick(!this.props.checked);
    },
    render: function() {
      return div({
        className: cx({
          'switch-button': true,
          'is-checked': this.props.checked
        }),
        onClick: this.onClick
      }, div({
        className: 'inner-button'
      }, this.props.checked));
    }
  });

}).call(this);