import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-problem-details-toast',
  standalone: true,
  template: `
    <div class="rounded-lg border border-danger/20 bg-danger/10 p-3 text-sm text-danger">
      <div class="font-semibold">{{ title }}</div>
      <div>{{ detail }}</div>
    </div>
  `,
})
export class ProblemDetailsToast {
  @Input() title = 'Request failed';
  @Input() detail = 'An unexpected error occurred.';
}