TextBox.js

/**
 * React Starter Kit (https://www.reactstarterkit.com/)
 *
 * Copyright © 2014-2016 Kriasoft, LLC. All rights reserved.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE.txt file in the root directory of this source tree.
 */

import React, { Component, PropTypes } from 'react';
import withStyles from 'isomorphic-style-loader/lib/withStyles';
import s from './TextBox.scss';

@withStyles(s)
class TextBox extends Component {

  static propTypes = {
    maxLines: PropTypes.number,
  };

  static defaultProps = {
    maxLines: 1,
  };

  render() {
    return (
      <div className={s.root}>
        {
          this.props.maxLines > 1 ?
            <textarea
              {...this.props}
              className={s.input}
              ref="input"
              key="input"
              rows={this.props.maxLines}
            /> :
            <input
              {...this.props}
              className={s.input}
              ref="input"
              key="input"
            />
        }
      </div>
    );
  }

}

export default TextBox;