import Carousel from "./Carousel"

const LicenseSection = () => {
    const licenses = [
        '/licenses/sv_fuel.png',
        '/licenses/sv_jur.png',
        '/licenses/sv_kv.png',
        '/licenses/sv_resident.png',
        '/licenses/sv_accr.png',
    ]

    return (
        <section id='case' className='max-w-7xl w-full h-auto px-2 xl:px-0'>
            <div className='w-full h-auto flex flex-col items-center py-8 bg-base-200 rounded-2xl'>
                <span className='px-4 text-3xl sm:text-4xl sm:text-center my-8'>
                    <span className='text-blue-500'>Наши</span> лицензии и сертификаты
                </span>

                <div>
                    <Carousel images={licenses} />
                </div>
            </div>
        </section>
    )
}

export default LicenseSection