Оберните текст после двух строк, используя свойства css

Question

Я новичок в сети. Здесь у меня есть следующий код

<Tooltip title={buyingSessionName} placement="top">
    <Typography className={styles.bgSessionName} variant="body2">
        {buyingSessionName}
    </Typography>
</Tooltip>

Теперь я хочу обернуть текст, если он содержит более двух строк, затем я хочу обернуть этот текст и показать многоточие.

display: block;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;

Но здесь речь идет только об одной строке. Я хочу сделать это, если он изменится на 2 строки.

спасибо.