<:Head>
  <title>Pinafore – Muted users</title>
</:Head>

<Layout page='muted'>
  <DynamicPageBanner title="Muted users" icon="#fa-volume-off" />
  <AccountsListPage :accountsFetcher />
</Layout>
<script>
  import Layout from './_components/Layout.html'
  import AccountsListPage from './_components/AccountsListPage.html'
  import { store } from './_store/store'
  import { getMutedAccounts } from './_api/blockedAndMuted'
  import DynamicPageBanner from './_components/DynamicPageBanner.html'

  export default {
    computed: {
      statusId: params => params.statusId,
      accountsFetcher: ($currentInstance, $accessToken, statusId) => () => getMutedAccounts($currentInstance, $accessToken, statusId)
    },
    store: () => store,
    components: {
      Layout,
      AccountsListPage,
      DynamicPageBanner
    }
  }
</script>