I am making messaging app in which I want to create a message whose design looks like this in the following image

[![messages image](https://i.stack.imgur.com/2I5fx.png)](https://i.stack.imgur.com/2I5fx.png)

I want to have two types of layouts in my messages

1. If the message is about one line long then it's border-radius should be **full** `// rounded-full`
2. If the message is more then one line then it's border-radius should be **md or sm** `// rounded-md`

How can I achieve this design using Tailwind-CSS?