{%- set class_name = [
"f-label",
"d-flex align-items-center py-0",
"u-fz-md u-fw-600",
props.required ? "--required" : null,
props.extra_class|default(false) ? props.extra_class : null
]|join(' ')|trim -%}
{%- set attrs = [
'class="' ~ class_name ~ '"',
] -%}
{%- if props.id is defined %}
{%- set attrs = attrs|merge(['for="' ~ props.id ~ '"']) -%}
{%- endif -%}
{%- set attrs = attrs|join(' ')|trim -%}
<label {{ attrs|raw }}>
{{ props.title }}
</label>