---
// divider 块：节奏控制（line = hairline 分隔；space = 纯留白）
import type { ResolvedBlock } from '../../lib/page-blocks';

interface Props {
  block: Extract<ResolvedBlock, { type: 'divider' }>;
}
const { block } = Astro.props;
---

{block.style === 'space' ? <div class="gap" aria-hidden="true"></div> : <hr />}

<style>
  hr {
    border: 0;
    border-top: 1px solid var(--line);
    margin: var(--space-5) 0;
  }
  .gap { height: var(--space-6); }
</style>