import React from 'react'
import { CoursesProps } from '@/types'
const LongDesc = ({ courseData }: { courseData: CoursesProps }) => {
    return (
        <div className='w-full h-auto lg:mt-64 mt-20'>
            <div className='flex flex-col items-center justify-center  mx-[5vw] lg:mx-[20vw]'>
                <p className='text-5xl text-center'>
                    {courseData.title}
                </p>
                <div
                    className='mt-10 [&_*]:!text-[1.5rem] [&_*]:!text-gray-600 [&_*]:!text-center'
                    dangerouslySetInnerHTML={{ __html: courseData.long_description }}
                />
            </div>

        </div >
    )
}

export default LongDesc