MapPin
Done, current and locked level markers.
10
<MapPin variant="button" state="complete" stars={2} label="Replay level 8" onPress={replayLevel}>8</MapPin>
<MapPin variant="button" state="current" label="Play level 9" onPress={playLevel}>9</MapPin>
<MapPin variant="static" state="unavailable" label="Level 10 is unavailable">10</MapPin>Level markers with explicit complete, current, and unavailable states. Choose a button, link, or static variant so semantics match the navigation behavior; the host still owns route placement and progress.