Star Rating

Requirements

• Build a five-star rating component using the selected framework. Initial rating is zero and output reads Rating: 0 / 5.
• Render five native buttons labelled Rate N stars, with aria-pressed=true only for the selected rating value.
• Selecting star N sets rating N and fills the first N stars. Selecting a lower value reduces the rating; selecting the current value leaves it unchanged.
• Set data-filled=true on filled stars and false on the rest. Display Rating: N / 5 in an output element with aria-live=polite.
• Write CSS to arrange stars in one row, color filled stars gold and empty stars muted gray, and provide visible keyboard focus. Mark decorative glyphs aria-hidden=true.
• Use framework state/reactivity. Native buttons must support keyboard activation. Hover previews, half-stars, persistence, and toggling back to zero are excluded.

Examples

Input: Select the third star
Output: The first three stars are gold; Rating: 3 / 5.