import { Spinner } from '@/components/ui/spinner';

// page.tsx가 스트리밍되는 동안의 폴백 — 같은 section 배치(flex-1 items-center justify-center)를
// 써서 콘텐츠 교체 시 레이아웃이 흔들리지 않게 한다. Server Component로 충분해 'use client'를
// 붙이지 않는다.
export default function Loading() {
  return (
    <section className="flex flex-1 flex-col items-center justify-center gap-2 p-8">
      <Spinner size="lg" />
    </section>
  );
}