<ion-header class="ion-no-border">
  <ion-toolbar>
    <ion-back-button defaultHref="/app/tabs/settings" slot="start"></ion-back-button>
    <ion-title class="ion-text-center">{{ 'REFERRALS_TITLE' | translate }}</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content class="ion-padding">
  <div class="ion-text-center">
    <img src="../../assets/img/referidos.png" />
    <ion-label>
      <h3 class="textTitle" margin-bottom>
        {{ 'REFERRALS_MESSAGE_TITLE_1' | translate }} <span class="colorGreenReferred">$10.000</span> {{ 'REFERRALS_MESSAGE_TITLE_2' | translate }}
      </h3>
    </ion-label>
    <ion-label>
      <p class="textDescription">
        {{ 'REFERRALS_MESSAGE_TEXT_1' | translate }} <span class="colorGreenReferred">$10.000</span> {{ 'REFERRALS_MESSAGE_TEXT_2' | translate }}
      </p>
    </ion-label>

    <div class="groupCodeLogo ion-margin-top ion-text-center">
      <h2 class="colorGreenReferred textCodeUser ion-no-margin">Diego3765</h2>
      <p class="ion-no-padding ion-no-margin">{{ 'REFERRALS_MESSAGE_CODE' | translate }}</p>
      <ion-label class="ion-text-center">
        <ion-icon class="iconWhatsappReferred ion-margin-top" name="logo-whatsapp"></ion-icon>
      </ion-label>
      <span class="textSlopes">{{ 'REFERRALS_MESSAGE_SLOPES' | translate }}0</span>
    </div>
  </div>
</ion-content>