cuz/lib/components/SearchGroup/index.js

Front-end modular development kit.

'use strict';

var _interopRequireDefault = require('babel-runtime/helpers/interop-require-default')['default'];

exports.__esModule = true;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _Button = require('../Button');

var _Button2 = _interopRequireDefault(_Button);

var _Input = require('../Input');

var _Input2 = _interopRequireDefault(_Input);

var SearchGroup = _react2['default'].createClass({
  displayName: 'SearchGroup',

  propTypes: {
    bsSize: _react2['default'].PropTypes.string
  },

  getDefaultProps: function getDefaultProps() {
    return {
      buttonPosition: 'after',
      bsSize: 'normal'
    };
  },

  renderSearchButton: function renderSearchButton() {
    return _react2['default'].createElement(
      _Button2['default'],
      { bsStyle: 'primary' },
      _react2['default'].createElement('i', { className: 'fa fa-search' })
    );
  },

  renderSmallSearchButton: function renderSmallSearchButton() {
    return _react2['default'].createElement(
      _Button2['default'],
      { bsSize: 'small' },
      _react2['default'].createElement('i', { className: 'fa fa-search' })
    );
  },

  renderSearchGroup: function renderSearchGroup() {
    return _react2['default'].createElement(_Input2['default'], { type: 'text', buttonAfter: this.renderSearchButton() });
  },

  renderSmallSearchGroup: function renderSmallSearchGroup() {
    return _react2['default'].createElement(_Input2['default'], { bsSize: 'small', type: 'text', buttonAfter: this.renderSmallSearchButton() });
  },

  render: function render() {
    return _react2['default'].createElement(
      'div',
      { className: 'search-group' },
      this.props.bsSize === 'small' ? this.renderSmallSearchGroup() : this.renderSearchGroup()
    );
  }
});

exports['default'] = SearchGroup;
module.exports = exports['default'];