src/textbox/Input.js

/**
 * @file TextBox/Input
 * @author leon([email protected])
 */

import {Component, createElement, PropTypes} from 'react';
import {create} from 'melon-core/classname/cxBuilder';

const cx = create('TextBoxInput');

export default class TextBoxInput extends Component {

    render() {

        const props = this.props;

        const {
            multiline,
            rows,
            isFocus,
            ...rest
        } = props;

        const tag = multiline ? 'textarea' : 'input';

        return createElement(
            tag,
            {
                ...rest,
                className: cx(props)
                    .addStates({
                        focus: isFocus
                    })
                    .build(),
                rows: multiline ? rows : null
            }
        );

    }


}

TextBoxInput.displayName = 'TextBoxInput';

TextBoxInput.propTypes = {
    rows: PropTypes.number
};

TextBoxInput.defaultProps = {
    rows: 2
};