import type { ReactNode } from "react";

type Props = {
  children: ReactNode;
  className?: string;
};

/** Khoảng cách mục như bố cục sách cổ — thở giữa các phần. */
export function NarrativeSection({ children, className }: Props) {
  return <section className={`space-y-5 first:mt-0 md:space-y-6 ${className ?? ""}`}>{children}</section>;
}