import { type JSX } from 'react'

const Thesis = ({ info, showDescription = true }: {
    info: {
        icon: JSX.Element;
        title: string;
        description: string;
    },
    showDescription?: boolean
}) => {
    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-normal leading-5'>{info.title}</span>

                {showDescription &&
                    <span className='text-sm text-base-content/70 font-light'>
                        {info.description}
                    </span>}
            </div>
        </div>
    )
}

export default Thesis