q-item-section(avatar)
q-avatar.blueprint-icon(
:color='avatarBgColor'
:text-color='avatarTextColor'
font-size='14px'
rounded
:style='props.hueRotate !== 0 ? `filter: hue-rotate(` + props.hueRotate + `deg)` : ``'
)
q-badge(
v-if='indicatorDot'
rounded
:color='indicatorDot'
floating
)
q-tooltip(v-if='props.indicatorText') {{props.indicatorText}}
q-icon(
v-if='!textMode'
:name='`img:/_assets/icons/ultraviolet-` + icon + `.svg`'
size='sm'
)
span.text-uppercase(v-else) {{props.text}}