<div class="status-badge {{safe-dasherize (or @type @status "info")}}-status-badge {{@wrapperClass}}" ...attributes>
    <span
        class="status-badge-inner-wrap inline-flex items-center
            {{unless @roundedFull 'px-2 py-0.5 rounded' 'badge-rounded-full'}}
            text-xs font-medium leading-4 whitespace-no-wrap
            {{@spanClass}}"
    >
        {{#unless (or @hideStatusDot @hideIcon)}}
            <FaIcon @icon={{or @icon "circle"}} @size={{or @size "xs"}} @prefix={{or @iconPrefix "fas"}} class="{{@iconClass}} {{unless @hideText 'mr-1.5'}}" />
        {{/unless}}
        {{#if (has-block)}}
            {{yield @status}}
        {{else}}
            {{#unless @hideText}}
                {{#if @disableHumanize}}
                    {{or @text @status}}
                {{else}}
                    {{safe-humanize (or @text @status)}}
                {{/if}}
            {{/unless}}
        {{/if}}
        {{#if @helpText}}
            <Attach::Tooltip @class="clean" @animation="scale" @placement={{or @tooltipPlacement "top"}}>
                <InputInfo @text={{@helpText}} @exampleText={{@exampleText}} />
            </Attach::Tooltip>
        {{/if}}
    </span>
</div>