import type { ReactNode } from 'react';
import { cn } from '@/lib/utils';

// 라우트 페이지 최상위 래퍼. 페이지 간 세로 리듬(섹션 간격)을 단일 출처로 통일한다.
// 페이지마다 <div className="space-y-6">를 복붙하지 말고 이걸 쓴다.
export function PageContainer({
  className,
  children,
}: {
  className?: string;
  children: ReactNode;
}) {
  return <div className={cn('space-y-6', className)}>{children}</div>;
}