react-mui-table/dist/components/Search/Search.js

A react component that takes data & style parameters, and renders a Material UI table.

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _Paper = require('material-ui/Paper');

var _Paper2 = _interopRequireDefault(_Paper);

var _search = require('material-ui/svg-icons/action/search');

var _search2 = _interopRequireDefault(_search);

var _TextField = require('material-ui/TextField');

var _TextField2 = _interopRequireDefault(_TextField);

var _styles = require('./styles');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var Search = function Search(_ref) {
  var tableName = _ref.tableName,
      onSearch = _ref.onSearch;
  return _react2.default.createElement(
    _Paper2.default,
    {
      zDepth: 2,
      style: _styles.searchStyles.searchBar },
    _react2.default.createElement(_search2.default, {
      style: _styles.searchStyles.icon }),
    _react2.default.createElement(_TextField2.default, {
      style: _styles.searchStyles.input,
      underlineShow: false,
      hintText: 'Search All ' + tableName,
      onChange: onSearch })
  );
};

exports.default = Search;