Rating Slider - Copy this Angular, Css Component to your project

Create a rating slider for users to rate books from 1 to 10. The slider should be visually clear, with labeled values of 1 and 10 at both ends, allowing users to easily understand the rating scale. Users should be able to drag the slider to select their desired rating, and the selected value should be displayed next to the slider in real time for instant feedback. Ensure the design is simple, intuitive, and easy to interact with, with smooth functionality and an aesthetically pleasing layout.