content: import React from 'react';
  import { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';
  
  export default class RemoteSearch extends React.Component {
    constructor(props) {
      super(props);
    }
  
    render() {
      return (
        <BootstrapTable data={ this.props.data }
                        remote={ true }
                        search={ true }
                        multiColumnSearch={ true }
                        options={ { onSearchChange: this.props.onSearchChange, clearSearch: true } }>
          <TableHeaderColumn dataField='id' isKey={ true }>Product ID</TableHeaderColumn>
          <TableHeaderColumn dataField='name'>Product Name</TableHeaderColumn>
          <TableHeaderColumn dataField='price'>Product Price</TableHeaderColumn>
        </BootstrapTable>
      );
    }
  }
  