---
import VideoLite from './VideoLite.astro';
interface Props { items: { id: string; title: string; speaker?: string; published?: string; note?: string }[]; title?: string }
const { items, title = '관련 영상' } = Astro.props;
---
{items.length > 0 && (
  <section>
    <h2>{title}</h2>
    <div class="video-grid">{items.map((v) => <VideoLite {...v} compact />)}</div>
  </section>
)}