import React from 'react' ; import { TypographyOverflow } from '@toptal/picasso-lab' ; const Example = ( ) => { return ( < div style = { { width : 300 , marginTop : 100 } } > < TypographyOverflow data - testid = 'ellipsed-text-dark' tooltipVariant = 'dark' > Dark tooltip . This typography is very long and therefore it overflows . < /TypographyOverflow> < TypographyOverflow data - testid = 'ellipsed-text-light' tooltipVariant = 'light' > Light tooltip . This typography is very long and therefore it overflows . < /TypographyOverflow> < /div>); } ; export default Example ;