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

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

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

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