import Ember from 'ember';
import hbs from 'htmlbars-inline-precompile';

var WelpHeaderComponent = Ember.Component.extend({
    layout: hbs`
      <div class="row">
        <div class="searched">
          <h5>Tacos in Des Moines, IA</h5>
        </div>
        <div class="btn-group" role="group" aria-label="filters">
          <button type="button" class="btn btn-secondary" onclick={{action filter ""}}>Show All</button>
          <button type="button" class="btn btn-secondary" onclick={{action filter "5"}}>Show 5★</button>
          <button type="button" class="btn btn-secondary" onclick={{action filter "4"}}>Show 4★</button>
          <button type="button" class="btn btn-secondary" onclick={{action filter "3"}}>Show 3★</button>
        </div>
      </div>
    ` 
});

export default WelpHeaderComponent;