<section [ngClass]="['input-card', cardClass]">
  <label>{{ label }}</label>

  @if (inputType === 'textarea') {
  <textarea #textareaInput [placeholder]="placeholder" [value]="value" [rows]="rows"
    (input)="onValueChange(textareaInput.value)" class="form-input"></textarea>
  } @else {
  <input #textInput type="text" [placeholder]="placeholder" [value]="value" (input)="onValueChange(textInput.value)"
    class="form-input" />
  }

  <button type="button" class="app-btn w-100" (click)="onButtonClick()">
    {{ buttonLabel }}
  </button>

  @if (hintText) {
  <p class="hint-text">{{ hintText }}</p>
  }
</section>