{{#if $isUserLoggedIn}}
  <TimelinePage timeline="status/{{params.statusId}}">
    <DynamicPageBanner title=""/>
  </TimelinePage>
{{else}}
  <HiddenFromSSR>
    <FreeTextLayout>
      <h1>Status</h1>

      <p>A status thread will appear here when logged in.</p>
    </FreeTextLayout>
  </HiddenFromSSR>
{{/if}}
<script>
  import FreeTextLayout from '../../../_components/FreeTextLayout.html'
  import { store } from '../../../_store/store.js'
  import HiddenFromSSR from '../../../_components/HiddenFromSSR'
  import DynamicPageBanner from '../../../_components/DynamicPageBanner.html'
  import TimelinePage from '../../../_components/TimelinePage.html'

  export default {
    store: () => store,
    components: {
      FreeTextLayout,
      HiddenFromSSR,
      DynamicPageBanner,
      TimelinePage
    }
  }
</script>