Rating component using react & tailwind css & typescript

First time using tailwind-css and I'm not really sure about the best practices of building things with it.

For example I used template literals with a ternary operator for adding classes conditionally but it seems a bit hackish.

Thanks a lot in advance!