2024-10-05 15:04:17 +08:00
|
|
|
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
|
2024-10-08 13:35:35 +08:00
|
|
|
className='mt-10 [&_*]:!text-[1.5rem] [&_*]:!text-gray-600 [&_*]:!text-center [&_*]:!bg-transparent'
|
2024-10-05 15:04:17 +08:00
|
|
|
dangerouslySetInnerHTML={{ __html: courseData.long_description }}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div >
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default LongDesc
|
