<div class="status-toolbar">
  <IconButton
    label="Reply"
    href="#fa-reply"
    />
  <IconButton
    label="Boost"
    pressable="true"
    pressed="{{status.reblogged}}"
    href="{{status.visibility === 'private' ? '#fa-lock' : status.visibility === 'direct' ? '#fa-envelope' : '#fa-retweet'}}"
  />
  <IconButton
    label="Favorite"
    pressable="true"
    pressed="{{status.favourited}}"
    href="#fa-star"
    />
  <IconButton
    label="Show more actions"
    href="#fa-ellipsis-h"
  />
</div>
<style>
  .status-toolbar {
    grid-area: status-toolbar;
    display: flex;
    justify-content: space-between;
  }
</style>
<script>

  import IconButton from '../IconButton.html'

  export default {
    components: {
      IconButton
    }
  }
</script>