---
/* 在博客翻新时期使用的占位 Layout，讲究的就是极简 */

import FullLayoutV1 from './FullLayoutV1.astro'

interface Props {
  title?: string
}

const { title = '小帕的小窝' } = Astro.props
---

<FullLayoutV1 title={title}>
  <div class="main">
    <slot />
  </div>
</FullLayoutV1>

<style>
  .main {
    font-family: var(--font-sans);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100dvw;
    height: 100dvh;
    padding-inline: 40px;
    text-align: center;
    box-sizing: border-box;

    & :global(h1) {
      font-size: 2rem;
      font-weight: 700;
      margin-block: 1rem;
    }

    & :global(p) {
      margin-block: 0.25rem;
    }

    & :global(a) {
      color: var(--color-link);
      text-decoration: none;

      &:global(:hover),
      &:global(:focus) {
        text-decoration: underline;
      }
    }
  }
</style>