import { montserratFont } from '@/app/layout'
import React, { PropsWithChildren } from 'react'

export interface SectionProps extends PropsWithChildren {
    title?: string
}

const Section = ({ children, title }: SectionProps) => {
    return (
        <div className='max-w-5xl w-full p-4 sm:p-0 flex flex-col space-y-8'>
            {title &&
                <span className={`${montserratFont.className} font-semibold text-3xl text-[#0063A7]`}>{title}</span>
            }
            <div>
                {children}
            </div>
        </div>
    )
}

export default Section