import React, { ReactNode } from 'react';

interface SectionsLayoutProps {
  children: ReactNode;
  className?:string
}

const SectionsLayout: React.FC<SectionsLayoutProps> = ({ children , className}) => {
  return (
    <section className={ `max-w-[320px] sm:max-w-[576px] md:max-w-[768px] lg:max-w-[992px] xl:max-w-[1200px]  mx-auto space-y-[66px] lg:space-y-[80px] xl:space-y-[120px] lg:mt-[120px] ${className}`}>
      {children}
    </section>
  );
};

export default SectionsLayout;