{# One key as the content, or several as `keys` (`separator="+"` on platforms that write it). #}
{% props keys: Vec<String> = Vec::new(), separator: String = "", inner_block: Slot = Slot::default() %}
{%- if keys.is_empty() %}
<kbd class="ui-kbd">{{ inner_block }}</kbd>
{%- else %}
<span class="ui-kbd-group">{% for (i, key) in keys.iter().enumerate() %}{% if i > 0 && !separator.is_empty() %}<span class="ui-muted">{{ separator }}</span>{% end %}<kbd class="ui-kbd">{{ key }}</kbd>{% end %}</span>
{%- end %}