/**
 * Switch Component for SaltUI
 * @author ruiyang.dry
 *
 * Copyright 2018-2019, SaltUI Team, Alinw.
 * All rights reserved.
 */
import React from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';
import Context from '../Context';

class Switch extends React.Component {
  handleChange(event) {
    const t = this;
    if (t.props.readOnly) {
      return;
    }
    t.props.onChange(!t.props.on, event);
  }

  render() {
    const t = this;
    const classSet = {
      active: t.props.on,
      readOnly: t.props.readOnly,
      [t.props.className]: !!t.props.className,
    };
    return (
      <div
        className={classnames(Context.prefixClass('switch'), classSet)}
        readOnly={t.props.readOnly}
        onClick={(event) => { t.handleChange(event); }}
      >
        <div className={Context.prefixClass('switch-back')}>
          <div className={Context.prefixClass('switch-radius')} />
        </div>
      </div>
    );
  }
}

Switch.defaultProps = {
  on: true,
  onChange() { },
  readOnly: false,
};

// http://facebook.github.io/react/docs/reusable-components.html
Switch.propTypes = {
  on: PropTypes.bool,
  onChange: PropTypes.func,
  readOnly: PropTypes.bool,
};

Switch.displayName = 'Switch';

export default Switch;