<script>
  import { fade } from 'svelte/transition'
  let { data } = $props()
</script>

<div class="article" transition:fade>
  <div class="article__container">
    <h1>{data?.title || 'Article'}</h1>
    <p>Article view - To be implemented</p>
  </div>
</div>

<style>
  .article {
    min-height: 100vh;
    padding: 8rem 2rem 4rem;
    color: #fff;
  }

  .article__container {
    max-width: 1200px;
    margin: 0 auto;
  }
</style>
