<!--
  -- Copyright 2015 The Chromium Authors. All rights reserved.
  -- Use of this source code is governed by a BSD-style license that can be
  -- found in the LICENSE file.
  -->

<link rel="import" href="chrome://resources/html/polymer.html">
<link rel="import" href="chrome://resources/polymer/v1_0/font-roboto/roboto.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-ripple/paper-ripple.html">

<dom-module id="track-list">
  <link rel="import" type="css" href="track_list.css">
  <template>
    <template is="dom-repeat" id="tracks" items="[[tracks]]">
      <div class="track" active$="[[item.active]]" index$="[[index]]" on-click="trackClicked">
        <div class="icon"></div>
        <div class="data">
          <div class="data-title">[[item.title]]</div>
          <div class="data-artist">[[item.artist]]</div>
        </div>
        <paper-ripple initial-opacity="0.08"></paper-ripple>
      </div>
    </template>
  </template>
</dom-module>

<script src="track_list.js"></script>