playlist.css

.playlist {
  
}

.loading {
}

.error {
}

.details {
}

playlist.hbs

<div data-ui='loading' class='{{styles.loading}}'>
  Loading playlist...
</div>

<div data-ui='error' class='{{styles.error}} is-hidden'>
  Failed to load playlist. Sorry. :(
</div>

<div data-ui='details' class='{{styles.details}} is-hidden'>
  <h2 data-ui='title'></h2>
  <h4 data-ui='displayInfo'></h4>

  <div data-region='playlistItems'></div>
  <span data-region='button'></span>
</div>