message: Rewrite Input to stateless component
diff: -import React, { PureComponent } from 'react';
  +import React from 'react';
  import PropTypes from 'prop-types';
  import getClassName from '../../helpers/getClassName';
  import classNames from '../../lib/classNames';
  const baseClassName = getClassName('Input');
  -export default class Input extends PureComponent {
  - static propTypes = {
  +const Input = ({ alignment, status, getRef, className, getRootRef, ...restProps }) =>
  + (
  + <div className={classNames(baseClassName, {
  + [`Input--${alignment}`]: alignment,
  + [`Input--s-${status}`]: status
  + }, className)} ref={getRootRef}>
  + <input {...restProps} className="Input__el" ref={getRef} />
  + <div className="Input__border" />
  + </div>
  + );
  +
  +Input.propTypes = {
  type: PropTypes.string,
  alignment: PropTypes.oneOf(['left', 'center', 'right']),
  value: PropTypes.string,
  @@ -19,21 +29,8 @@ export default class Input extends PureComponent {
  className: PropTypes.string
  };
  - static defaultProps = {
  +Input.defaultProps = {
  type: 'text'
  };
  - render () {
  - const { alignment, status, getRef, className, getRootRef, ...restProps } = this.props;
  -
  - return (
  - <div className={classNames(baseClassName, {
  - [`Input--${alignment}`]: alignment,
  - [`Input--s-${status}`]: status
  - }, className)} ref={getRootRef}>
  - <input {...restProps} className="Input__el" ref={getRef} />
  - <div className="Input__border" />
  - </div>
  - );
  - }
  -}
  +export default Input;
  