{% props href: String, title: String, description: String = "", variant: String = "", size: String = "", icon: Slot = Slot::default() %}
{#- Lay tiles out in <div class="ui-tile-grid">; at most one "primary" per screen. size "lg" for kiosks. #}
<a class="ui-tile"{% if !variant.is_empty() %} data-variant="{{ variant }}"{% end %}{% if !size.is_empty() %} data-size="{{ size }}"{% end %} href="{{ href }}">
{%- if icon != Slot::default() %}<span class="ui-tile-icon">{{ icon }}</span>{% end %}<span class="ui-tile-title">{{ title }}</span>{% if !description.is_empty() %}<span class="ui-tile-desc">{{ description }}</span>{% end %}</a>