<script lang="ts">
  import { session } from '$app/stores';

  import type { MastodonStatus } from '$lib/mastoapi/status';
  import type { InstanceInfo } from '$lib/mastoapi/util';

  export let status: MastodonStatus;

  // TODO: fave/boost buttons should send proper POST request
  // reply button should open the composer
  // the more button should have a popup with like, bookmark, pin, etc
</script>

{#if $session.instance.token}
  <div class="status-controls">
    <button>reply</button>
    <button>favourite</button>
    <button>boost</button>
    <button>more</button>
  </div>
{/if}

<style>
  .status-controls {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;

    padding: 0.5em;
  }
</style>
