<FlexboxLayout [visibility]="visibility ? 'visible' : 'collapsed'" justifyContent="space-between" [ngSwitch]="type"
    flexWrap="wrap" [class]="class +' '+ (isSeparated ? 'separated-info-line' : 'info-line')">
    <Label textWrap="true" class="list-group-item-name m-r-10" [text]="title"></Label>
    <Label (tap)="onTap.emit(value)" textWrap="true" *ngSwitchCase="'phone'" [text]="value | phone"
        class="contact"></Label>
    <Label (tap)="onTap.emit(value)" textWrap="true" *ngSwitchCase="'min'" text="{{value}} min"></Label>
    <Label (tap)="onTap.emit(value)" textWrap="true" *ngSwitchCase="'data'" [text]="value | data"></Label>
    <Label (tap)="onTap.emit(value)" textWrap="true" *ngSwitchCase="'price'"
        text="{{value | number:'1.0-3'}} Kč"></Label>
    <Label (tap)="onTap.emit(value)" textWrap="true" *ngSwitchCase="'priceMin'"
        text="{{value | number:'1.0-3'}} Kč/min"></Label>
    <Label (tap)="onTap.emit(value)" textWrap="true" *ngSwitchCase="'date'"
        [text]="value||'' | dateTime : false"></Label>
    <Label (tap)="onTap.emit(value)" textWrap="true" *ngSwitchCase="'boolean'" [text]="value?'ano':'ne'"></Label>
    <Label (tap)="onTap.emit(value)" textWrap="true" *ngSwitchCase="'dateTime'"
        [text]="value||'' | dateTime: true: 3:2"></Label>
    <Label (tap)="onTap.emit(value)" textWrap="true" *ngSwitchCase="'url'" [text]="value" class="contact"></Label>
    <Label (tap)="onTap.emit(value)" textWrap="true" *ngSwitchCase="'email'" [text]="value" class="contact"></Label>
    <Label (tap)="onTap.emit(value)" textWrap="true" *ngSwitchCase="'unit'" [text]="value" class="contact"></Label>
    <Label (tap)="onTap.emit(value)" textWrap="true" *ngSwitchDefault [text]="value"></Label>
</FlexboxLayout>