import { BaseContent } from '@/types/common.type';
import React from 'react'

interface PropsTypes {
    data: BaseContent | null;
}

export default function About({ data }: PropsTypes) {
    if (!data) return null;
    return (
        <section className="container mx-auto bg-white text-center pr-4 md:pr-[90px] pb-10 md:pb-[150px] pl-4 md:pl-[90px] py-16 pt-10 md:pt-[100px]">

            <h3 className="text-2xl sm:text-3xl md:text-[36px] max-w-[850px] text-gray-800 mx-auto p-0 mb-[50px] leading-8 md:leading-[44px] font-roboto font-thin ">
                {data.title}
            </h3>
            <div
                className=" max-w-[850px]"
                dangerouslySetInnerHTML={{ __html: data.shortDescription }}
            />
        </section>
    )
}