/**
 * @file MaterialFieldSeparator component
 * @author liangxiaojun(liangxiaojun@derbysoft.com)
 */

import React, {Component} from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';

import Theme from '../Theme';

import Util from '../_vendors/Util';

class MaterialFieldSeparator extends Component {

    static Theme = Theme;

    constructor(props, ...restArgs) {
        super(props, ...restArgs);
    }

    render() {

        const {theme, isHover, isFocus, disabled} = this.props,

            className = classNames('material-field-separator', {
                hover: isHover,
                focused: isFocus,
                [`theme-${theme}`]: theme
            });

        return (
            <div className={className}
                 disabled={disabled}>
                <div className="material-field-separator-hover"></div>
                <div className="material-field-separator-focus"></div>
            </div>
        );
    }
}

MaterialFieldSeparator.propTypes = {

    className: PropTypes.string,
    style: PropTypes.object,
    theme: PropTypes.oneOf(Util.enumerateValue(Theme)),

    isHover: PropTypes.bool,
    isFocus: PropTypes.bool,
    disabled: PropTypes.bool

};

MaterialFieldSeparator.defaultProps = {

    theme: Theme.DEFAULT,

    isHover: false,
    isFocus: false,
    disabled: false

};

export default MaterialFieldSeparator;
@@ -514,17 +514,17 @@
 is.props
-,
+;
 %0A%0A      
@@ -525,19 +525,41 @@
         
-   
+return (%0A            %3Cdiv
  classNa
@@ -560,19 +560,18 @@
 lassName
- = 
+=%7B
 classNam
@@ -729,65 +729,8 @@
   %7D)
-;%0A%0A        return (%0A            %3Cdiv className=%7BclassName
 %7D%0A  
@@ -937,16 +937,17 @@
      );%0A
+%0A
     %7D%0A%7D%0A
@@ -1367,8 +1367,9 @@
 parator;
+%0A

update MaterialFieldSeparator