<link rel="import" href="../../../../third-party/polymer/polymer.html">
<link rel="import" href="../../../../third-party/paper-input/paper-input.html">
<polymer-element name="p2b-grid-search" grid-search expects-grid-state attributes="label">
  <template>
    <link rel="stylesheet" href="component.css">
    <paper-input inputValue="{{ value }}" id="search" label="{{ label }}"></paper-input>
  </template>
  <script>
    /*
     * Renders a search box inside the grid components
     */
    Polymer('p2b-grid-search', {
      /*
       * Label text for the search
       * @type {string}
       */
      label: '',
      valueChanged: function() {
        this.gridState.search.keyword = this.value;
      }
    });
  </script>
</polymer-element>