<!--
  ~ Copyright (C) 2021 StApps
  ~ This program is free software: you can redistribute it and/or modify it
  ~ under the terms of the GNU General Public License as published by the Free
  ~ Software Foundation, version 3.
  ~
  ~ This program is distributed in the hope that it will be useful, but WITHOUT
  ~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
  ~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  ~ more details.
  ~
  ~ You should have received a copy of the GNU General Public License along with
  ~ this program. If not, see <https://www.gnu.org/licenses/>.
  -->
<ion-card>
  <ion-card-content>
    <ion-text color="dark">
      <h1>
        {{ 'name' | thingTranslate: item }}
      </h1>
    </ion-text>
    <div *ngIf="item.description">
      <br />
      <div
        class="text-accordion"
        [style.-webkit-line-clamp]="descriptionLinesToDisplay"
        #accordionTextArea
      >
        {{ 'description' | thingTranslate: item }}
      </div>
    </div>
  </ion-card-content>
</ion-card>
<ion-button
  expand="full"
  fill="clear"
  *ngIf="item.description && buttonShown"
  (click)="toggleDescriptionAccordion()"
>
  <ion-icon [name]="buttonState" size="large"></ion-icon>
</ion-button>
