{# label names the region for keyboard and screen-reader users; height/max_height are CSS lengths. #}
{% props label: String, height: String = "", max_height: String = "", fade: bool = false, inner_block: Slot %}
<div class="ui-scroll-area"{% if fade %} data-fade{% end %}{% if !height.is_empty() || !max_height.is_empty() %} style="{% if !height.is_empty() %}height:{{ height }};{% end %}{% if !max_height.is_empty() %}max-height:{{ max_height }}{% end %}"{% end %} tabindex="0" role="region" aria-label="{{ label }}">{{ inner_block }}</div>