interface NarrowSectionProps {
  children: React.ReactNode;
  className?: string;
  bgClassName?: string;
}

export const NarrowSection = ({ children, className = '', bgClassName = '' }: NarrowSectionProps) => {
  return (
    <div className={bgClassName}>
      <div className={`max-w-4xl mx-auto px-6 py-8 ${className}`}>
        {children}
      </div>
    </div>
  );
};