<div class="badge {{ classes }}">
  {{^ hideAvatar }}
    {{# avatarSizeXl }}
      {{> atoms-basic-avatar(classes: "avatar--xl badge__avatar") }}
    {{/ avatarSizeXl }}
    {{^ avatarSizeXl }}
      {{> atoms-basic-avatar(classes: "avatar--md badge__avatar") }}
    {{/ avatarSizeXl }}
  {{/ hideAvatar}}
  <div class="badge__body">
    <span class="head-heavy-xs">{{ person.first }} {{ person.last }}</span>
    {{^ hideOccupation }}
      <p class="badge__occupation">{{ occupation }}{{^ occupation }}{{ person.occupation }}{{/ occupation }}</p>
    {{/ hideOccupation}}
    {{> atoms-responsive-contact-line(icon: "ico--phone", caption: "+420 777 123 123", classes: "badge__link") }}
    {{> atoms-responsive-contact-line(icon: "ico--envelope", classes: "badge__link") }}
  </div>
</div>
