import { ReactNode } from 'react';

interface SectionProps {
  children: ReactNode;
  className?: string;
  bgClassName?: string;
}

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