import type { PropsWithChildren } from "react"

interface SectionProps extends PropsWithChildren {
    id?: string
}

const Section = ({ id, children }: SectionProps) => {
    return (
        <section id={id} className='min-h-screen h-auto w-full flex justify-center'>
            <div className='max-w-7xl w-full h-auto xl:py-4'>
                {children}
            </div>
        </section>
    )
}

export default Section