import { ReactNode } from "react";

interface SectionProps {
  children: ReactNode;
  id?: string;
  className?: string;
  tight?: boolean;
}

export default function Section({ children, id, className = "", tight = false }: SectionProps) {
  const spacingClass = tight ? "py-section-tight" : "py-section";
  
  return (
    <section 
      id={id} 
      className={`${spacingClass} ${className}`}
    >
      <div className="container-custom">
        {children}
      </div>
    </section>
  );
}