Ranking Component - Copy this React, Tailwind Component to your project

Crear un componente ranking que reciba por pro un número del 1 al 10 y que de acuerdo a ese puntaje muestre una escala con el valor seleccionado. Si es menos de 6, el número, encerrado en un círculo, en color rojo, por encima de 6 y menor a 8, amarillo y por encima de 8, verde.