import { type JSX } from 'react'

const Thesis = ({ info }: {
    info: {
        icon: JSX.Element;
        title: string;
        description: string;
    }
}) => {
    return (
        <div className='flex flex-row space-x-3'>
            <div className='flex flex-col'>
                <span className='flex justify-center items-center'>{info.icon}</span>
            </div>

            <div className='flex flex-col space-y-2'>
                <span className='text-xl font-light leading-5'>{info.title}</span>

                <span className='text-sm text-gray-500 font-light'>
                    {info.description}
                </span>
            </div>
        </div>
    )
}

export default Thesis