<script lang="ts">
  // Phase D.1 신규 — 얇은 wrapper.
  // - PreviewPanel을 그대로 import해서 rail/drawer 양쪽 컨텍스트에서 재사용.
  // - Phase E에서 editors/* 로 분할될 때 이 wrapper 자체는 유지되고
  //   내부만 <NoteEditor/>, <TagsEditor/>... 조합으로 교체된다.
  // - rail 모드(xl+ inline)와 drawer 모드(< xl)에서 똑같이 사용되며,
  //   onclose 콜백만 부모가 다르게 준다:
  //     rail   → metaRailOpen = false + localStorage 저장
  //     drawer → ui.closeDrawer()
  //
  // PreviewPanel 은 자기 <aside> 내부에 bg-sidebar/border-l 스타일을 이미
  // 갖고 있으므로, 여기서는 최소 <div> flex wrapper만 씌운다. border 중복
  // 방지.
  import PreviewPanel from './PreviewPanel.svelte';

  interface Props {
    doc: unknown;
    onclose: () => void;
    ondelete?: () => void;
  }

  let { doc, onclose, ondelete = () => {} }: Props = $props();
</script>

<div class="h-full w-full flex flex-col">
  <PreviewPanel {doc} {onclose} {ondelete} />
</div>
