import React from 'react' ; const InfoBox = ( { info , description } ) => { return ( < div className = "flex flex-1 flex-col items-center justify-center" > < span className = "font-bold w-4/5 text-center text-xl text-gray-600 dark:text-gray-400 transition-colors duration-300 pb-2 border-b" > { info } < /span> < span className = "text-xs pt-2 dark:text-gray-300 transition-colors duration-300" > { description } < /span> < /div>); } ; export default React . memo ( InfoBox ) ; export type InfoBoxProps = { info : string ; description : string ; } ;