The UI component displays an onboarding hint and a corresponding button to dismiss it. It uses localization keys to retrieve the displayed text and calls City.DismissHints() upon button interaction.
@namespace CitySim
@using CitySim.DesignSystem
@using CitySim.Punchboard
@using CitySim.Match
@inherits MatchPanel
<root class="onboarding-hint">
<PlotterSurface Title=@(GameText.Get("ui.onboarding_panel.first_match"))><ChildContent><div class="hint-content"><div>@(GameText.Get("ui.onboarding_panel.buy_cards_from_the_market_then_build_beside_roads_compare_each_card_s_in"))</div><PlotterButton Text=@(GameText.Get("ui.onboarding_panel.got_it")) Size=@(PbSize.Small) Kind=@(PbButtonKind.Secondary) Clicked=@(() => { City.DismissHints(); }) /></div></ChildContent></PlotterSurface>
</root>